/****************************** Reset ****************************/ 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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;} button { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;} select { margin: 0; font-size:11px; } ol, ul { list-style: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } .mandatoryfield {margin-left: 5px; color: #ee2e24; float: right; margin-top: 12px;} /***************************************************************/ /*********** Text, Links, Inputs & Buttons *********************/ h1 { font-family: sans-serif; font-size: 23px; line-height: 30px; font-weight: normal; overflow: auto;} h2 { font-family: sans-serif; font-size: 20px; } h3 { font-family: sans-serif; font-size: 18px; } p { line-height: 12px; margin-bottom: 10px; } p.subtitle { margin: 10px 0; font-weight: bold; font-size: 16px; } a {cursor: pointer; text-decoration: none; color: #777777;} a:hover {text-decoration: underline;} a:visited {text-decoration: none; } a:active { text-decoration: none; } input.text, input[type=text], input[type=email], input[type=password] { background-color: #FFF; border: 1px solid #CCC; background-image: url(../images/input_bg.png); height: 25px; line-height: 25px; padding-left: 5px; } /* button, .button { background: #777777; border-radius: 4px; padding: 0 10px; color: #FFF; display: inline-block; height: 28px; line-height: 30px; cursor: pointer; font-size: 11px;} */ /*.button:hover { background: #333333; text-decoration: none;}*/ .button.loginsubmit {float: left; margin-right: 5px;} .item.plist-item.product .button {position: relative; bottom: 0; right: 0; padding: 2px 4px; height: 27px; width: 85px;} .button.moreinfo { clear: both; float: left; height: 24px; line-height: 24px; width: 80px; bottom: 14px; right: 24px; padding: 1px 4px; color: #FFF;} .button.moreinfo a { color: #FFF;} .button.moreinfo a:hover { text-decoration: none;} .button.portal { padding: 0 4px; height: 20px; line-height: 20px; } .details .button {float: right;} button#wishlistsubmitinput { padding-top: 0px; margin-right: 6px; } .wishlistform .ui-button-text-only .ui-button-text { padding: 0.16em 0.5em; background-color: #ccc; } #checkout input[type=text], #checkout input[type=password], #checkout input[type=email] {width: 340px; margin: 5px 0; float: left;} .catalogue-forgotten-password input {margin: 5px 10px;} .addtowishlistgroup{ display:none; } .addtoquotegroup{ display:none; } /***************************************************************/ /**************** Page Layout **********************************/ body {background: none; font-family: arial, Helvetica, Sans-Serif; font-size: 11px; background-color: #fff; background-repeat: repeat-x;} #page {margin: 0 auto; width: 982px;position: relative;} #content {float: left; width: 760px;} #main { clear: both; margin: 10px auto; width: 960px; padding: 10px; border: 1px solid #ccc; z-index: 0;} #breadcrumbs { position: relative; height: 20px; overflow: hidden; padding: 6px;} #breadcrumbs ul { overflow: hidden; height: 20px; } #breadcrumbs li { display: inline; } #breadcrumbs li a { height: 20px; line-height: 20px; display: inline-block; margin: 0 5px; } #breadcrumbs li.first a { border-left: none; margin-left: 0; } #breadcrumbs li.current a { font-weight: bold; } .accordions h3:first-child{ margin-top:0 !important;; } .accordions h3{ margin-top:10px !important; } .accordions h3 + div{ padding:10px; } #checkout .half{ width: 47% !important; } .right{ float:right; } .left{ flaot:left; } .block{ display: block; clear: both !important; } .clear{ clear:both; } /***************************************************************/ /**************** Settings Layout **********************************/ #settings-container { width:100%; position: absolute; z-index: 3000; top: -2px; height: 5px; } #settings-tab{ float:right; padding:10px; border:1px solid #ccc; border-top:none; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; font-weight: bold; margin-right: -2px; cursor:pointer;} #settings { width:100%; height: 400px; display:none; border:1px solid #ccc; opacity: 0.9;} /***************************************************************/ /****************** Product Pages ******************************/ #content.productlist { width: 760px; margin-right: 0; } .productlist .row { overflow: auto; float: left; width: 760px; } .productlist .main {float: right; margin: 0 10px 30px 30px; border-radius: 10px;} .productlist .list {clear: both;} .productlist .inner li {margin-bottom: 10px; line-height: 14px;} #content .left {padding-right: 10px; } .inner .left {float: left; width: 310px;} .inner .right {float: right; width: 420px;} .inner .description {margin-top: 5px; float: left;} .description, .description p { line-height: 1.5em;} .description li {margin: 0px 0px 5px 20px; list-style: outside;} #tb_spec .description {margin-bottom: 5px; height: 150px; width: 100%; overflow-y: auto;} table.techinfo th { text-align: left; padding-right: 10px; } .tabcontent li {margin: 0px 0px 5px 20px; list-style: outside;} .noprodsfound{ font-size: 35px; color:#ccc; text-align: center; } /* NOT NEEDED - AUTO STYLE FROM JQUERY UI .tabbox {width: 400px; border-top: none; float: right; margin-top: 10px;} .tabbox .tabs {overflow: auto;} .tabbox .tabs li {float: left; margin-right: 2px;} .tabbox .tabs li a {border: 1px solid #ccc; border-top-right-radius: 7px; border-top-left-radius: 7px; border-bottom: none; cursor: pointer; display: inline-block; height: 30px; line-height: 30px; padding: 0 10px; background-color: #ebeced;} .tabbox .tabs li a.active {background-color: #777777; color: #FFF; font-weight: normal;} .tabbox .tabcontent {width: 378px; clear: both; float: left; padding: 10px; border: 1px solid #CCC; min-height: 104px;} */ .details {width: 420px; float: right; clear: both; margin-top: 10px;} .details .head { height: 31px; line-height: 31px; padding: 0 10px; } .details .inner { padding: 10px; float: left; width: 398px;} #productdetails {line-height: 14px; margin: 6px 0px;} #productdetails th {text-align: left; width: 115px; padding: 5px;} #productdetails td {padding: 2px 0;} #productdetails span { font-size: 14px; font-weight: bold; color: #777777;} #productdetails span.promprice { font-size: 11px; font-weight: bold; color: #666;} #productdetails .inc-vat, #productdetails .inc-vat span { font-size: 11px; font-weight: bold; color: #000;} #productdetails .inc-vat { font-weight: normal; margin: 0px 0px 4px 0px;} #productdetails .rrp { font-size: 12px; color: #666;} #productdetails td.price { font-size: 10px; } .details #basketqty input {margin-left: 0px;} #basketqty span {width: 115px; padding: 5px; font-weight: bold; display: inline-block;} #addtobasket {} .basketqty {float: left;} .basketsubmit {float: right;} /********************************************************* Attribute Blocks ***************************************************/ /* Select dropdown colour blocks style */ .colour-blocks, .colour-blocks-groups { width:340px; } .colour-blocks-groups .block { height:35px; width:35px; border:3px solid #EEE; float:left; margin-right:10px; cursor:pointer; margin-bottom: 10px; outline: 2px solid #fff; } .colour-blocks-groups .block.grp { height: 20px; width: 20px; background-position: -6px; border: 1px solid #CCC; } .colour-blocks-groups .block.grp:hover { border: 1px solid #CCC; outline: 2px solid white; cursor: default; } .colour-blocks .block { height:35px; width:35px; border:3px solid #EEE; float:left; margin-right:10px; cursor:pointer; margin-bottom: 10px; outline: 2px solid #fff; } .colour-blocks .block:hover, .colour-blocks-groups .block:hover { border:3px solid #fff; outline: 2px solid #009; } .colour-blocks .active, .colour-blocks-groups .active { border:3px solid #fff; outline: 2px solid #009;} /* END */ /* Select dropdown other blocks style */ .other-blocks { width:385px; } .other-blocks .block { border:3px solid #EEE; float:left; margin-right:10px; cursor:pointer; margin-bottom: 10px; padding:10px; width: 60px; text-align: center; outline: 2px solid #fff; height: 20px; background-color: #eee; color:#888; } .other-blocks .block:hover { border:3px solid #fff; outline: 2px solid #666; background-color: #fff; color: #888; } .other-blocks .block.active { border:3px solid #fff; background-color: #FFF; outline: 2px solid #009; color: #888; font-weight: bold; } .block-disabled .block { background-color:#EEE; cursor:default; color:#BBB; } .block-disabled .block:hover { border:3px solid #fff; outline: 2px solid #009; } /* END */ /********************************************************* Attribute Blocks ***************************************************/ /**************** Sliders & Carousels **************************/ .banner {background: none; position: relative; height: 400px; width: 960px;} .banner .content {width: 960px; height: 400px;} .banner .prev1 { background: transparent url('../images/button_prev.png') no-repeat 0 0px; width: 40px; height: 40px; cursor: pointer; position: absolute; z-index: 3;top: 150px; left: 20px; } .banner .next1 { background: transparent url('../images/button_next.png') no-repeat 0 0px; width: 40px; height: 40px; cursor: pointer; position: absolute; z-index: 3;top: 150px; left: 905px; } .banner .prev1:hover { background-position: 0 -40px; } .banner .next1:hover { background-position: 0 -40px; } .banner .element { display: inline-block; float: left; height: 400px; overflow: hidden; color: #222; text-align: center; } .banner .element img { width: 960px; height: 400px; } /********************** 2 column Left *******************/ .page-home2 #content.news { width: 760px;} .page-home2 .banner { height: 350px!important; margin-top: 0px;} .page-home2 .banner li{ width: 760px!important;} .page-home2 .banner .element img { width: 760px; height: 350px;} .page-home2 .banner .element { height: 350px;} .page-home2 .banner .next1 { left: 705px!important;} .page-home2 #featuredstatic { width: 759px!important;} .page-home2 #featuredstatic .content { width: 619px!important;} /********************** 3 column *******************/ .page-home3 #content.news { width: 560px;} .page-home3 .banner { height: 260px!important; width: 560px; margin-top: 0px;} .page-home3 .banner li { width: 560px!important;} .page-home3 .banner .element img { width: 560px; height: 260px;} .page-home3 .banner .element { height: 260px;} .page-home3 .banner .next1 { left: 505px!important;} .page-home3 #featuredstatic { width: 559px!important;} .page-home3 #featuredstatic .content { width: 419px!important;} /***************************************************************/ /****************** Featured Products **************************/ #featuredstatic { width: 959px; height: 160px; float: left; border: 1px solid #ccc; padding-top: 6px; margin: 8px 0px 0;} #featuredstatic h2 { font-size: 14px; font-weight: bold; padding-left: 9px; margin: 5px 0px 10px 0px; color: #777777; } #featuredstatic h4 { height: 40px; } #featuredstatic a { color: #000; } #featuredstatic a:hover { text-decoration: none; } #featuredstatic li { border: 1px solid #ddd; margin: 0 4px; display: block; float: left; height: 150px!important; width: 126px; text-align: center; } #featuredstatic li:hover { border: 1px solid #999; } #featuredstatic .price { height: 20px; color: #777777; font-weight: bold; font-size: 10px; margin-top: 10px; } #featuredstatic .price span { font-size: 15px; } #featuredstatic .image { height:90px; margin: 10px 0px 5px 0px; text-align: center; } #featuredstatic .content { margin-bottom: 2px; float: left; width: 819px!important; } #featuredstatic .prev2 { background: url('../images/button_prev.png') no-repeat 0 0px; width: 40px; height: 40px; float: left; margin: 50px 15px 0; cursor: pointer; } #featuredstatic .next2 { background: url('../images/button_next.png') no-repeat 0 0px; width: 40px; height: 40px; float: right; margin: 50px 15px 0; cursor: pointer; } #featuredstatic .prev2:hover {background-position: 0 -40px;} #featuredstatic .next2:hover {background-position: 0 -40px;} #featuredstatic .contentlower { float: left; width: 928px; padding: 5px 10px; margin-left: 8px;} #featuredstatic .contentlower .prev2 { background: #fff url('../images/button_prev_prods.png') no-repeat 0 0; width: 15px; height: 22px; float: left; margin-top: 0px; cursor: pointer; } #featuredstatic .contentlower .prev2:hover { background-position: 0px -22px; } #featuredstatic .contentlower .next2 { background: #fff url('../images/button_next_prods.png') no-repeat 0 0; width: 15px; height: 22px; margin-top: 0px; float: right; cursor: pointer; } #featuredstatic .contentlower .next2:hover { background-position: 0px -22px; } /***************************************************************/ /****************** Product List ******************************/ .item.plist-item.product { height: 274px; font-size: 11px;} .item.plist-item.product form { margin: 5px 0px;} .item.plist-item.product input.addqty { width: 25px;} .plist-item {width: 158px; height: 200px; overflow:hidden; padding: 10px; border-radius: 10px; float: left; margin: 5px; position: relative; text-align: center;} .plist-item a { color: #000;} .plist-item h4 { margin: 10px 0 5px 0; line-height: 16px; height: 50px; overflow: hidden; font-size: 12px;} .plist-item-img-prc { font-size: 10px; margin: 8px 0px; line-height: 14px;} .plist-item-img-prc span { font-size: 14px; font-weight: bold; color: #777777;} .plist-item-img-prc span.promprice { font-size: 10px; color: #000;} .plist-item-img-prc .inc-vat, .plist-item-img-prc .inc-vat span{ font-size: 10px; color: #000;} .item.plist-item.group h4 { margin: 10px 0 5px 0; line-height: 16px; height: 30px; overflow: hidden; font-size: 12px;} .item.plist-item.group p { width: 123px; height: 45px; font-size: 11px; margin-bottom: 5px;} .item.plist-item.group .inc-vat { font-size: 10px; color: #000;} .plist-item img.thumb {width: 120px; border: 0px;} /****************************************************************/ /************************** Tables ***************************/ table.searchresults {width: 100%;} .searchresults .heading { background: #777777; text-align: left; color: #fff; line-height: 25px;} tr.odd {background: #eee;} td {padding: 5px 0;} .searchresults tr .odd { background-color: #EEE; } td.imagecol {padding-left: 5px;} /***********************************************************/ /********************* Checkout ****************************/ #checkout fieldset.right, #checkout div.right {float: left; margin-left: 10px;} #checkout .first { clear: both; } #checkout .delmethcd { width: 180px; } #checkoutstages { margin: 10px 0; float: right; } #checkoutstages .first { clear: none; } #checkout .npbuttons.login { width: 80px; float: left; } #checkout fieldset {border: 1px solid #cdcdcd; margin-bottom: 20px; padding: 10px; line-height: 16px; width: 97%;margin: 0;} #checkout .checkout-form { clear: both; } #checkout .country-select { margin-bottom: 10px; } #checkout .invoice-address { float: left; width: 47%; } #checkout .invoice-address .stagecontent { padding-top: 27px; } #checkout .delivery-address { float: right; width: 47%; } #checkout .other-details { float: left; width: 47%; } #checkout .other-details .stagecontent { min-height: 206px; } #checkout .communication { float: right; width: 47%; margin-bottom: 10px; } #checkout .terms-and-conditions { clear: right; float: right; width: 47%; } #checkout .inputrow {float: left; padding: 3px 0;} #checkoutstages span { display: block; float: left; height: 30px; line-height: 30px; padding: 0 10px; margin-top: 35px; } #checkoutstages li { display: block; float: left; height: 60px; background-image: url(../images/checkout_step.png); background-repeat: no-repeat; background-position: center top; } #checkoutstages li.start { width: 50px; background-image: url(../images/checkout_step_end.png); background-position: right top; } #checkoutstages li.end { width: 50px; background-image: url(../images/checkout_step_end.png); background-position: left top; } #checkout input[type="radio"] { margin: 4px 5px; } #checkout label { display: block; } #checkout .npbuttons { margin-bottom: 10px; width: 100%; clear: both; padding-top: 10px; } #checkoutstages li.current { background-image: url(../images/checkout_step_current.png); } #checkoutstages .past { color: #AAA; } #checkoutstages .current { font-weight: bold; } #checkoutstages .future { color: #AAA; } #checkout legend { font-weight: bold; } #checkout input[type=text], #checkout input[type=email], #checkout input[type=password] { width: 240px; margin: 5px 0; float: left; } #checkout .inputrow { float:left; padding: 3px 0;} #checkout input.finish { float: right; } #checkout input.next { float: right; } #checkout .prevbtn { float: left; padding: 13px 5px; height: 0;} /*#checkout fieldset.half, #checkout div.half { width: 49%; margin-top:0; float: left; }*/ #checkout fieldset.right, #checkout div.right { float: right; margin-left: 10px; } #checkout fieldset.below { margin-top: 10px; float: left; } #entadddelfieldset{min-height:111px;} #entadddelfieldset .addDiv{ display:none; } .addlist { padding-top: 5px; } #checkout h1.float { float: left; } #checkout .inline label { height: 27px; line-height: 27px; width: 140px; float: left;} #checkout .inline input { width: 250px; margin: 0px 5px; } #checkout .inline input[type=button] { width: 100px; margin: 0px 5px; } #checkout textarea { width: 341px; border: 1px solid #ccc; height: 70px; } .noitems { display: none; } #checkout input.postcodelookup { width: 165px; } #checkout .button.find { width: 90px; } #checkout input[type=checkbox] { margin-top: 7px; width: auto; } #checkout fieldset + fieldset { margin-top: 10px; } /*#checkout .stagehead { float: left; width: 100%; } #checkout .stagecontent { float: left; width: 100%; padding: 10px; }*/ .stagehead { padding: 5px 10px; } .stagehead h1 { font-size: 18px; } .stagecontent { padding: 10px; position: relative; overflow: auto; } .stagecontent .top { overflow: auto; } /*#checkout .row fieldset + fieldset { margin-top: 0; } #checkout .row .below { margin-top: 0; } #checkout .row + .row { margin-top: 10px; }*/ #checkoutcountryselect { float: left; margin: 6px 10px 7px 0; } #checkout input#entaddvatregnoinput { width: 200px; } /****************************************** Request Order ***************************************************************************/ #requestedorder fieldset { border: 1px solid #ccc; padding: 10px; margin-top: 10px; } #requestedorder #paymentmethods { border: 1px solid #ccc; } #requestedorder fieldset fieldset fieldset { border: none; } #requestedorder td { vertical-align: middle; } #requestedorder legend { font-weight: bold; } #requestedorder .confirmorderaddr { float: left; border: 1px solid #ddd; width: 34%; padding: 10px; margin-right: 10px; margin-bottom: 10px; } #requestedorder .col2.below { float: left; border: 1px solid #ddd; width: 34%; padding: 10px; margin-right: 10px; margin-bottom: 10px; } #requestedorder .orderlines { /* clear: both; */ padding:10px; margin-bottom: 10px; } .portal .requestorder { border: 1px solid #ddd; padding: 10px; margin: 10px 0px; width: 328px; display: inline-block;} .portal .updateordercontainer { border: 1px solid #ddd; padding: 10px; } .portal .updateorder { border: 1px solid #ddd; padding: 10px; margin: 10px 0; } .portal .updateorder p { padding-left: 0; } .portal h3 + div .textarea { border: 1px solid #ddd; width: 100%; height: 50px; margin: 10px 0; } .portal #paymentmethods legend { float: left; margin-right: 10px; line-height: 40px; display: none; } .portal #paymentmethods label { margin-bottom: 5px; margin-top: 10px; display: block; } .portal #paymentmethods td { vertical-align: middle; } .portal #paymentmethods{ padding:10px; margin-top:10px; } .portal #paymentmethods + input + input{ margin-top:10px !important; } /****************************************** Request Order ***************************************************************************/ /****************** Basket **********************************/ #editbaskettable { font-size: 11px; margin: 10px 0px; clear: both; width: 100%; font-weight: bold; display: inline-table; } #editbaskettable .basketoddrow { height: 45px; } #editbaskettable th { text-align:left; padding: 5px; } #editbaskettable td{ vertical-align: middle; padding: 3px 5px;} #editbaskettable .basketvaluecol { font-weight: bold; } #editbaskettable .basketvaluename { text-align: right; font-weight: bold; } #editbasket #baskettocheckout { float: right; } #editbasket h1 { margin: 20px 0; } #editbasket #basketupdatebasket { float: right; margin-right: 10px; } form#frmSaveBasket label { padding-right: 10px; } #basketcontinueshopping { float: left; margin-bottom: 10px; } .tooltipcontainer{ display: none; position: absolute; top: 105px; z-index: 3000; width: 330px; } .tooltipcontainer .tooltip{ position: absolute; border: 1px solid #666; opacity: 0.9; margin-top: 10px; overflow: hidden; box-shadow: 0px 2px 11px #666;} .tooltipcontainer .tip{ border: solid; border-color: #666 transparent; border-width: 0px 10px 10px 10px; content: ""; left: 70px; position: absolute; z-index: 99; } .tooltipcontainer .data{ padding:10px; text-align: left; color: #fff; } .tooltipcontainer .data .qty{ font-size: 16px; font-weight: bold; } #tooltipcontainer.fixed { position: fixed; top:0; } /*.tooltipcontainer .data a{ color:#000; font-size:14px;}*/ /* SAVE THE BASKET CSS */ /*#basketname{ border:1px solid #ccc; padding:5px; margin-top:20px; }*/ #basketname legend h2{ font-size: 20px;} #basketname p{ line-height: 20px; } #basketname input[type=text]{ border:1px solid #ccc; } #basketname, #basketname fieldset{ border:1px solid #ccc; margin-top: 20px; padding: 20px; width: 95%; margin-bottom: 10px;} #basketname legend{ margin: 0 10px; padding: 0px; font-weight: bold;} #basketname #btnSave, #basketname #btnCancel { margin-top:20px; } #baskettocheckout{ float:left; } /* END SAVE THE BASKET CSS */ /*************************************************************/ /********************** Login ********************************/ .login-page .inputrow { margin-bottom: 20px; } .login-page .inputrow label { display: block; float: left; width: 20%; padding-top: 4px; } .login-page .inputrow input { width: 70%; } .login-page .stagecontent { position: relative; } .login-page .bottom { position: absolute; bottom: 10px; width: 440px; } .login-page .bottom input { float: right; } .login-box { float: left; width: 47%; } .login-page .login-box .stagecontent { height: 150px; } .register-box { float: right; width: 47%; } .login-page .register-box .stagecontent { height: 150px; } .register-box .bottom a { float: right; } #checkout .login-box .stagecontent { height: 248px; } /*************************************************************/ /********************** Portal *******************************/ .portalindex {margin-top: 5px; list-style: disc; list-style-position: inside; line-height: 20px; padding: 10px;} .box.col1.first {margin-right: 16px;} .box.col1 {width: 350px;} .box {margin-bottom: 16px; border: 1px solid #bbb; float: left; padding: 10px; line-height: 19px;} .box.col2 {width: 740px; clear: both;} .box h3 {border-bottom: 1px solid #bbb; padding: 8px 5px; margin: 0; } .box .details {float: left; width: auto;} .box th {text-align: left; width: 125px;} .box td {padding: 5px;line-height: 18px;} .fullcol{ width:737px; } #orderhistorytabs li {display: block; border: 1px #CCC solid; padding: 5px 11px; float: left;} #orderhistorytabs li:hover {background: #e8e8e8; } #orderhistorytabs { border: 0; } .tdpadding{ padding-left:10px; } .tdlastpadding{ padding-right:10px; } .ordertable th, #ordhist th, #wishlisttable th, #transheader th { text-align: left; padding: 5px; font-size: 11px; } #ordhist{ margin-top:30px; } #transheader { text-align: left;} #transdetail th, #transbalance th { padding: 5px; text-align: left; } #transbalance th, #transbalance td { text-align: center; } #transdetail td, .ordertable td , #ordhist td, #wishlisttable td { border-bottom: 1px solid #ddd; vertical-align: middle; } #transdetail td, #transbalance td { padding: 3px; } #transdetail { margin-bottom: 30px; } #orddetail th { text-align: left; padding-right: 5px;} #vattable { margin-bottom: 10px; } #vattable th, #vattable td { padding: 4px; } #orderlinks td { padding: 10px; } #password td {padding: 5px;} #wishlisttable td { vertical-align: middle; } form#copystatement { margin-bottom: 20px; } .transactionstxt p { font-size: 12px; line-height: 16px; } .requestorder { border: 1px solid #bbb; padding: 10px; margin-bottom: 10px; } .portalback { float: right; } #invlist th { padding: 5px; font-size: 11px; } #invlist td { vertical-align: middle; padding: 3px 5px; } /*************************************************************/ /************************ Page Header ************************/ #header { background: #FFF; width: 980px; height: 160px; margin: 0 auto;} #headinner { width: 984px; margin: 0 auto; padding-top: 10px; position: relative;} #header .logo { float: left; margin-right: 10px;} #header .top { width: 330px; float: right; height: 24px; text-align: right; padding-top: 6px ;} #header .top ul { list-style: none outside none; text-align: left;} #header .top li { display: inline; padding: 0 8px; font-size: 11px;} #header .top form { display: inline; cursor: pointer;} #header .top a {margin: 0;} #header .search { width: 360px; height: 110px; float: left; margin: 30px 10px 0px 10px; position: relative;} #header .search .searchinner { float: right; width: 355px; height: 65px; border: 1px solid #ccc;} #header .search .searchinner input#mainsearch { width: 255px; height: 27px; margin: 0px;} /*#header .search .searchinner input#searchsubmitinput { width: 60px; margin: 0px;}*/ #header .search .searchinner #searchform { margin-top: 20px; text-align: center; width: 100%;} #header .search .phone { text-align: right; font-size: 20px; font-weight: bold; color: #777777; padding: 5px 0px; height: 35px;} #header .basket { width: 330px; height: 110px; float: right; margin-left: 8px; position: relative;} #header .basket .baskethead h3 { font-size: 14px; text-align: center; margin: 0; padding: 5px; display: block;} #header .basket .basketcontent { height: 30px; padding: 10px 5px 5px 70px;} #header .basket .basketcontent a { color: #666;} #header .basket .basketcontent .items, #header .basket .basketcontent .total { font-size: 16px;} #header .basket .basketlinks { text-align: center; margin-bottom: 13px;} /* #header .basket .basketlinks .button { height: 24px; margin: 0 8px; line-height: 26px; color: #fff;} */ #header .links { background: none;} #header .links a { color: #666;} .logo-container { width: 250px; float: left; margin-right: 10px;} .social-icons { position: absolute; top: 5px; left: 3px; width: 90px;} .social-icons li { display: block; margin-right: 5px; float: left;} /*****************************************************************************/ /******************************* Top Nav *************************************/ /* #topnav { float: none; clear: both; background: #ccc; border-bottom: 2px solid #777; height: 62px; z-index: 98; position: relative; width: 980px; margin: 0 auto; border: 1px solid #777;} #topnav ul { list-style:none outside none; margin: 0 auto; width: 980px; } #topnav li { float: left; display: block; position: relative; padding: 0px; height: 62px; margin: 0px; background: transparent url('../images/topnav-sep.png') no-repeat center left;} #topnav li.first { background: none;} #topnav li:hover { z-index: 50; white-space: normal; } #topnav li a { width: 90px; height: 54px; padding: 13px 4px 0 4px; display: block; text-align: center; line-height: 15px; color: #FFF; font-weight: bold; border: none; } #topnav a, #topnav a:link, #topnav a:active, #topnav a:visited { text-decoration: none; color: #fff; } #topnav li:hover a { color: #fff; text-decoration: none; background: #777777; } #topnav li ul li a, #topnav li ul li a:link, #topnav li ul li a:active, #topnav li ul li a:visited { color: #777777; font-size: 12px; text-align: left; padding: 5px; margin: 2px 0px; height: 14px; width: 168px; border-bottom: 1px solid #ddd; background: #fff;} #topnav li ul li a:hover { color: #FFF; background: #777777 none; text-decoration: none; } #topnav li ul { visibility: hidden; position: absolute; left: 0px; top: 60px; margin: 0; padding: 0; z-index: 50; width: 185px; background: #fff; margin-bottom: 12px; padding-bottom: 3px!important;} #topnav li:last-child ul {left: -90px!important;} #topnav li:hover ul { visibility: visible; border: 2px solid #777777; position: absolute; left: 0px; top: 61px; padding: 0; margin: 0; } #topnav li:hover ul li { background: #fff; } #topnav li ul li { background: #fff; width: 177px; height: 24px; margin: 2px 3px; float: left; padding: 0px; }*/ .sf-menu li { background: transparent url('../images/topnav-sep.png') no-repeat center left;} .sf-menu li ul li, .sf-menu li:first-child, .sf-vertical li{ background:none;} /*******************************************************************/ /************************ Left & Right Sidebar **********************/ ul#leftnav { margin-left: 0px; } #sidebarleft { width: 190px; font-size: 10px; margin-right: 10px; min-height: 300px; float: left; } #sidebarleft .section a { } #sidebarleft .section { background-color: #f9f9fa; } #sidebarleft .section .foot { } #sidebarleft { width: 190px; padding-right: 0px; font-size: 10px; } #sidebarleft .section a { } #sidebarleft .section { width: 100%; margin-bottom: 10px; background-position: bottom; background-repeat: no-repeat; } #sidebarleft .section .head { height: 31px; line-height: 31px; text-align: center; margin-bottom: 5px; font-size: 12px; width: 100%; position: relative; } #sidebarleft .section .head .title{ padding-left: 34px; } #sidebarright #login {padding: 5px; border: 1px solid #ccc;} #sidebarright .head {background: #ccc; color: #fff; padding: 5px; margin-bottom: 5px;} #sidebarright #basket {margin: 10px 0; padding: 5px; border: 1px solid #ccc;} #sidebarright .content {line-height: 15px;} #sidebarright .totals {float:none; margin-top: 10px;} #sidebarright .checkout.button {float:none;} #sidebarright input.text {float: right; height: 20px; line-height: 20px;} #sidebarright #loginform li {clear: both; line-height: 25px; margin-bottom: 10px;} #sidebarright .section { width: 178px; margin-bottom: 10px; padding: 5px; border: 1px solid #ccc;} #sidebarright .section .head { text-align: left; font-weight: bold; background: #ccc; font-size: 12px; padding: 5px; } #sidebarright a { display: block; } #sidebarright .level1 a { margin-bottom: 5px; padding-left: 10px; color: #b60000; } #sidebarright .level2 a { margin-bottom: 0px; margin-left: 0; color: #000; border: 0; } #sidebarright li.current ul { display: block; } #sidebarright li.parent ul { display: block; } #sidebarright li.current ul a { color: #000; } #sidebarright .level1 { line-height: 20px; font-weight: bold; font-size: 12px; margin-top: 10px; } #sidebarright .level1.first { margin-top: 7px; } #sidebarright .level2 { line-height: 18px; font-weight: normal; font-size: 11px; font-family:verdana;} #sidebarright .level2:hover { background-color: #e3e3e3; } #sidebarright ul.std li { list-style-type: disc; list-style-position: inside; color: #ee2e24; padding-left: 10px; } #sidebarright ul.std a { margin-bottom: 3px; color: #fff; display: inline; font-size: 11px; } #sidebarright { width: 190px; font-size: 10px; min-height: 300px; float: right;} #sidebarright li img { border: 1px solid #ccc; margin-bottom: 10px;} .titledbox {width: 178px; margin-bottom: 10px; padding: 5px; border: 1px solid #ccc;} .titledbox .head {text-align: left; font-weight: bold; background: #ccc; font-size: 12px; padding: 5px; margin-bottom: 5px;} /******************************************************************************/ /******************************** Content *************************************/ #content.news, #content.login {width: 960px;} #middleblocks .middleblockinner { margin-top: 10px; float: left; background: #FFF url('../images/middleblock_bg.png') repeat-x 0 0; width: 296px; height: 220px; padding: 10px; text-align: center;} #middleblocks .middleblockinner.middle { margin: 10px 6px 0 6px;} #middleblocks .middleblockinner h2{ padding: 0px 10px; color: #777777; font-style: italic;} .content-padding {padding:20px; border: 2px dotted #6C0; margin: 5px; color: #6c0; background: #EBF2DF;} /******************************************************************************/ /******************************** Quote Request *******************************/ #content .inner .addprodlink { float: right; margin-top: 30px; } table.quoterequesttable { margin: 20px 0px; } table.quoterequesttable th { border-bottom: 1px solid #CCC; text-align: left; } table.quoterequesttable td { vertical-align: middle; } table.quoterequesttable tr.oddrow, table.quoterequesttable tr.evenrow { border-bottom: 1px solid #E3E3E3; } /************************** Contact Page *******************/ .contact-address {margin-bottom: 20px;} #ctdetails { float: left; width: 440px;} #ctdetails table.contactaddr { border-collapse: separate; border-spacing: 5px; margin: 5px 0px; } #ctdetails table.contactaddr th { text-align: right; vertical-align: top; width: 130px; padding: 0 10px 0 0; background-color: #fff; color: #000; height: 16px; } #ctdetails table.contactaddr td { width: 180px; font-weight: bold; padding: 0px; } #ctform { float: left; width: 400px; padding-left: 0px; border-left: 0px solid #ccc; } #ctform td { padding: 5px; } #ctform input { width: 300px; } #ctform textarea { width: 300px; height: 120px; border-color: #ccc; } #ctform .col2 { text-align: center; } #ctform th { vertical-align: top; padding: 10px 5px 0 0; text-align: right; } #ctform .button { width: 100px; } #map { float: right; width: 530px; border: 1px solid #ccc;} /******************************************************************************/ /******************************** Footer **************************************/ #footer {height: 105px; margin: 0 auto 10px; width: 930px; /* background: #fff; */ padding: 25px; border: 1px solid #ccc; clear: both; } #footer span {font-weight: bold;} #footer .footer-left {float: left; text-align: left;} .footer-left2 {float: left; padding: 10px; margin-left: 100px; background: #e8e8e8; border: 1px solid #ccc; text-align: left;} .footer-left2 a {color: #444; line-height: 18px;} .footer-left2 h4 {margin: 0 0 5px;} #footer .footer-center {float: left; color: #777; text-align: center; width: 290px;} #footer .footer-right {float: right; text-align: right; width: 415px;} #footer .footer-right ul {margin-bottom: 4px;} #footer .footer-right li {display: inline; padding-left: 10px;} /******************************************************************************/ /******************************** Searching ***********************************/ .searchresults .term { font-size: 14px; font-weight: bold; } .searchnavlist { border: 0px; padding: 0px; margin: 5px 0px; text-align: left; background-color: #fff; line-height: 20px; height: 24px;} .searchnavlist span { padding-top: 6px; font-size: 11px;} .searchnavlist ul { border: 0px; padding: 0px; margin: 2px 0px;} .searchnavlist-container { width: 575px; float: right; text-align: right;} .searchnavlist ul li { border: 0px; padding: 0px; margin: 2px; display: inline;} .searchnavlist ul li a, .searchnavlist ul li a:active, .searchnavlist ul li a:link, .searchnavlist ul li a:visited { padding: 4px; margin: 0px; color: #333; text-decoration: none; background-color: #CCC;} .searchnavlist ul li a:hover { background-color:#777777; color: #FFF;} .searchnavlist ul li a.current { font-size: 1em; color: #fff; background-color: #777777;} .searchnavlist ul li a.searchpagelinkcurrent, .searchnavlist ul li a.searchpagelinkcurrent:active, .searchnavlist ul li a.searchpagelinkcurrent:link, .searchnavlist ul li a.searchpagelinkcurrent:visited { color: #fff; background-color: #777777;} .searchnavlist ul li a.searchpagelinkcurrent:hover { color: #FFF;} /**************************************************************************************************************************************************/ /******************************** OVERRIDING CSS **************************************************************************************************/ #drpTheme{ width: 250px; height: 40px; font-size: 14px; font-weight: bold;} /**************************************************************************************************************************************************/