/*--- MemberCentreBox */ .memberPanel {overflow:hidden; } .memberPanel .headRow {height:25px; line-height:25px; background-image:url(../images/customcontrols/mp-head-center.jpg); background-repeat:repeat-x} .memberPanel .headRow .left {float:left; background-image:url('../Images/UserControls/sprite-header.png'); background-position: 0 -569px; width: 28px; height: 25px; background-repeat:no-repeat} .memberPanel .headRow .title {float:left; margin-left:5px; font-weight:bold; color:#000000} .memberPanel .headRow .right {float:right; background-image:url('../Images/UserControls/sprite-header.png'); background-position: 0 -644px; width: 28px; height: 25px; background-repeat:no-repeat} .memberPanel .content {padding:17px; border:1px solid #c3c3c3; border-top:0} .memberPanel .linkRow {color:#2369ad; height:15px; padding:4px 0px;} .memberPanel .linkRow .icon {float:left;} .memberPanel .linkRow a {float:left; color:#2369ad; line-height:15px; margin-left:5px;} /*--- NewFooter */ #NewFooter {padding:10px 0; color:#666666} #NewFooter ul li{Display:inline;} #NewFooter ul li a {Display:inline; color:#ec0202; font-size:11px;} #NewFooter .copyright {color:#000000} /*--- RightHandSummary */ .sumWrapper{overflow:hidden; position:relative} .sumTitle{height:16px; line-height:16px; font-weight:bold} .sumValue{line-height:16px; margin-bottom:3px} /*--- SlideButton */ /*#slideButtonWrap {height:20px; overflow:hidden; }*/ .SlideButton .bgLeft {background-image:url(../Images/UserControls/SlideButton/greySlideLeft.png); height:20px; background-repeat:no-repeat; background-position:left;} .SlideButton .bgMid {background-image:url(../Images/UserControls/SlideButton/greySlideBg.png); height:20px; background-repeat:repeat-x; margin-left:5px; margin-right:5px; } .SlideButton .bgRight {background-image:url(../Images/UserControls/SlideButton/greySlideRight.png);height:20px; background-repeat:no-repeat; background-position:right; } .SlideButton {height:20px; position:relative; overflow:hidden; } .SlideButton .slider {z-index:0; overflow:hidden; position:absolute; top:0; } .SlideButton .textWrapper {line-height:20px; height:20px; z-index:10; position:absolute; top:0} .SlideButton .buttonText {height:20px; color:#ffffff; text-align:center; float:left; margin:0} .SlideButton .buttonText a {color:inherit; text-decoration:none; outline:none} .SlideButton .buttonText a.buttonLinkOn {color:#ffffff; display:block; } .SlideButton .buttonText a.buttonLinkOff {color:#999999; display:block;} .SlideButton .slider .left{float:left; background-image:url(../Images/UserControls/sprite-header.png); background-position: 0 -801px; width:5px; height:20px; background-repeat:no-repeat} .SlideButton .slider .right{float:left; background-image:url(../Images/UserControls/sprite-header.png); background-position: 0 -871px; width:5px; height:20px; background-repeat:no-repeat} .SlideButton .slider .inner{float:left;background-image:url(../Images/UserControls/SlideButton/slider_back.png); height:20px; background-repeat:repeat-x} /*--- Testimonials */ .Testimonials div { background-image: url('../Images/UserControls/sprite-testimonials.jpg'); font-size:11px; height:470px; padding-left:10px; color:#000} .Testimonials .introText {font-weight:bold;} .Testimonials .Quote {font-style:italic; color:#666666; line-height:1.5;text-align:center;} .Testimonials .Source {font-weight:bold} .Testimonials .sprite-open_quote { background-position: 0 -622px; width: 19px; height: 14px; display: inline; padding-right:9px} .Testimonials .sprite-ELeclerclarge { background-position: 0 0; width: 100px; height: 100px; } .Testimonials .sprite-close_quote { background-position: 0 -150px; width: 19px; height: 14px; display: inline; padding-right:9px} .Testimonials .sprite-coke { background-position: 0 -214px; width: 54px; height: 18px; } .Testimonials .sprite-coke_large { background-position: 0 -282px; width: 99px; height: 36px; } .Testimonials .sprite-dvblarge { background-position: 0 -368px; width: 96px; height: 100px; } .Testimonials .sprite-leclerc { background-position: 0 -518px; width: 54px; height: 54px; } .Testimonials .sprite-saner { background-position: 0 -686px; width: 54px; height: 36px; } .Testimonials .sprite-sanerlarge { background-position: 0 -772px; width: 100px; height: 68px; } .Testimonials .sprite-share { background-position: 0 -890px; width: 125px; height: 16px; } .Testimonials .sprite-vincent { background-position: 0 -956px; width: 45px; height: 45px; } .Testimonials .sprite-zaytoun { background-position: 0 -1051px; width: 45px; height: 45px; } .Testimonials .sprite-zaytounlarge { background-position: 0 -1146px; width: 100px; height: 99px; } .Testimonials .sprite-GrocerGold {background-image: url('../Images/UserControls/sprite-footer.jpg');background-position: 0 0; width: 72px; height: 99px;} .Testimonials a {color:red; font-weight:bold; font-size:11px;} /*--- BREADCRUMBS #D3D3D3*/ .Breadcrumbs {float:left; padding: 0;margin: 0 4px 15px 0; border: 0; display:inline; } .Breadcrumbs a {color:#0152A0; font-size:10px; font-weight:normal; font-size:11px;} .Breadcrumbs a:hover {text-decoration:underline} /*---SUMMARYTITLE---- */ .SummaryTitle {float: left;} .SummaryTitle img { width:10px; float:left;} .SummaryTitle .titleText {width:300px; float:left;font-family: "Verdana", Arial;} /* SEARCH BAR */ #advSearchContainer {width: 764px; font-size: 11px; font-family: Arial, Helvetica, sans-serif;text-decoration:none; margin-bottom:0; margin-left:228px;position:absolute; z-index:392} #advSearchTop { background-image: url(../images/templateItems/advance-search-top.png); background-repeat: no-repeat;height:22px;} #advSearchMid {background-color: #ededed; background-image: url(../images/templateItems/advance-search-mid.png);background-repeat: repeat-y; margin:0; overflow:visible;} #advSearchMid h3 {font-size:11px; padding:0 0 10px 30px; margin:0; font-weight:bold; zoom: 1; } #advSearchBottom {background-image: url(../images/templateItems/advance-search-bottom.png); background-repeat: no-repeat; height:22px; clear:both;} #advSearchBottom h3 {padding-left:10px; color:#555555; font-size:11px; padding-bottom:6px;margin:0; } .searchBarLink{margin-left:5px; line-height:28px; z-index:1501; color:#000000} .searchBarTitle{margin:0 5px 0 5px; line-height:28px; font-weight:bold} .searchBarBox{margin-top:3px; vertical-align:middle;} .searchBarBtn{margin:3px 0 0 5px} .searcgBarIcon{margin:7px 0 0 3px} .searchBarBtnWrapper{line-height:28px; width:138px; height:28px; background-image:url(../images/templateItems/lightBarRight.jpg); background-repeat:no-repeat;} .searchBarOfferBtn{width:62px; margin-left:17px;} .searchBarEnquiryBtn{line-height:28px;} .SearchBarList{background-color:#ffffff; z-index:200; border-bottom:solid 1px #AEAEAE; border-left:solid 1px #AEAEAE; border-right:solid 1px #AEAEAE; list-style-type:none; margin:0; padding:0} .SearchBarListItem{height:18px; line-height:18px; cursor:pointer; padding-left:2px} .SearchBarListItemHighlight{height:18px; line-height:18px; cursor:pointer; background-color:#EC0202; color:#ffffff; padding-left:2px} #advanceSearchForm .row{overflow:visible; padding-bottom:8px; } #advanceSearchForm input { width:150px; font-size:11px; border:1px solid #AEAEAE; padding:1px; margin-top:3px;} #advanceSearchForm label {display:block; margin:0; padding-right:15px; color:#606060; line-height:20px; } #advanceSearchForm select {display: block; width:156px; margin-top:3px;} #advanceSearchForm .text {font-size:11px; color:#aaa;} #advanceSearchForm {background-image:url(../images/templateItems/advance-search-mid.png); background-repeat:repeat-y; position:relative; padding:0px 30px;} #advanceSearchForm .advSearchDelivery {float:left;} #advanceSearchForm .advSearchDelivery .field {float:left; width:160px; } #advanceSearchForm .advSearchDelivery label {float:none; } #advanceSearchForm .advSearchDelivery select { float:left; width:auto; margin-right:4px;} #advanceSearchForm .advSearchDeliverySuggest {float:left;} #advanceSearchForm .advSearchDeliverySuggest .field {float:none; width:160px; } #advanceSearchForm .advSearchDeliverySuggest label {float:none; } .labelSmall{ width:40px; } .adButton {margin-top: 20px; margin-right:20px; float:right; font-size: 12px; color: #FFF; cursor:hand; height:22px; width:80px; text-align:center; background-image: url(../images/buttons/large-but-red.gif); background-repeat: repeat-x; padding-top:4px; border:0px;} #bottomCurve {width:100%; text-align:center;} .fl{float:left} .searchBarLinkGroup{left:570px; top:0px; cursor:pointer; z-index:250;} #searchBarContainer{width:100%; height:28px; background-image:url(../images/templateItems/lightBar2Background.jpg); background-repeat:repeat-x;} #searchBarLeftBackground{width:212px; height:28px; float:left; background-image:url(../images/templateItems/browseCategory.jpg); background-repeat:no-repeat; cursor:pointer} #searchBarLeft{padding-left:20px; line-height:28px;} #searchBarMiddle{height:28px; float:left; position:relative; margin-left:20px;} #searchBarMiddleSearch{float:left; padding-left:20px; line-height:28px;} #searchBarMiddleSectorDrop{float:left; padding-top:4px; margin-left:10px} #searchBarMiddleOriginDrop{float:left; padding-top:4px; margin-left:10px} #searchBarMiddleSearchBox{float:left; padding-top:4px; margin-left:10px} #searchBarMiddleSearchBoxBut{float:left; padding-top:4px; margin-left:10px} #searchBarRightBackground{float:right; line-height:28px; width:138px; height:28px; background-image:url(../images/templateItems/lightBarRight.jpg); background-repeat:no-repeat;} #searchBarRightOffer{float:left; width:62px; margin-left:17px;} #searchBarRightRFQ{float:left; line-height:28px;} /*--- EMKT VALIDATION ---*/ .valErr {background-image:url(../Images/UserControls/EmktValidator/back.gif); background-repeat:repeat-x; background-position:bottom left; width:200px; position:relative; overflow:hidden; margin-left:-1px; margin-bottom:10px} .valErr .lt {position:absolute; top:0; bottom:0; left:0; background-image:url(../Images/UserControls/EmktValidator/left.gif); background-repeat:no-repeat; width:15px; background-position:bottom left} .valErr .rt {position:absolute; top:0; bottom:0; right:0; background-image:url(../Images/UserControls/EmktValidator/right.gif); background-repeat:no-repeat; width:4px; background-position:bottom right} .valErr .msg {margin:7px 7px 7px 20px; font-size:10px; color:#3d3d3d; line-height:14px; } /*--- PRODUCT FILTER ---*/ #filterContainer {width: 766px;overflow: hidden;} #filterTop {width: 766px;padding-left: 0px} #filterTop .topSection {width: 766px;height: 28px;background-image: url(/Images/UserControls/Filter/categoryFilterTop.png);background-repeat: no-repeat; } #filterTop .bottomSection {width: 766px;background-image: url(/Images/UserControls/Filter/categoryFilterBottom.png); overflow: hidden;background-repeat: repeat-y;padding-bottom: 0px; } #filterTop .bottomSection h2 {font-size: 10px;font-weight: bold;margin: 0 auto;padding-left: 40px; padding-bottom: 4px; color: #ec0202; } #filterTop .bottomSection .filterCategory {width: 736px;} #filterTop .bottomSection .filterCategory ul {margin-top: 0; margin-bottom: 0; padding-bottom:8px;} #filterTop .bottomSection .filterCategory ul li {display: inline;font-family: Arial, Helvetica, sans-serif; line-height:18px;} #filterTop .bottomSection .filterCategory ul li a {font-size: 10px;color: #0152A0;text-decoration: none; line-height: 1.6em;} #filterTop .bottomSection .filterCategory ul li a:hover {text-decoration:none;} #filterTop .bottomSection .filterCategory ul li .linkGreyed {font-size: 10px; font-weight:normal; color: #ccc; text-decoration: none; line-height: 1.6em; font-weight:normal;} #filterTop .bottomSection .filterCategory ul li .linkNormal {font-size: 10px; font-weight:normal; color: #0152A0; text-decoration: none; line-height: 1.6em; font-weight:normal;} #filterTop .bottomSection .filterCategory ul li .linkSelected {font-size: 12px; font-weight:bold; color:#ec0202; text-decoration: none; line-height: 1.6em; font-weight:bold} #filterTop .divider{color: #d5d5d5;padding: 0 5px;} #filterBar {float: left;z-index: 2;position: absolute;margin-top: -15px;} #filterBarLeft {float: left;background-repeat: no-repeat;background-image: url(/Images/UserControls/Filter/leftCurve.png); width: 266px; height:52px;} #filterBarMid {float: left; } #filterBarMid .dividerLeft {float: left; background-image: url(/Images/UserControls/Filter/divider.png); background-repeat: no-repeat; width: 2px;height: 52px;} #filterBarMid .midBg {display:block; float: left;background-image: url(/Images/UserControls/Filter/bgMid.png);background-repeat: repeat-x; height: 52px; width: 210px; padding: 0 10px; text-align: center;line-height: 26px;cursor: pointer;} /*#filterBarMid .midBg:hover {display:block; float: left;background-image: url(/Images/UserControls/Filter/bgMidHover.png);background-repeat: repeat-x; height: 52px; width: 200px; padding: 0 10px; text-align: center;line-height: 26px;cursor: pointer;}*/ #filterBarMid .midBg h2{text-transform: uppercase;padding: 0px; color: #333;font-weight: bold;margin: 12px 5px 0px 12px;font-size: 10px; } #filterBarMid .dividerRight{float: left;background-image: url(/Images/UserControls/Filter/divider.png); background-repeat: no-repeat; width: 2px; height: 52px; } #filterBarRight{float: left; background-repeat: no-repeat;background-image: url(/Images/UserControls/Filter/rightCurve.png);width: 266px;height: 52px;} #filterBottom {width: 766px;position: absolute;} #filter { width:766px; position:relative; z-index:390; margin-left:1px; margin-top:76px;} #filterTopNav {float:left; z-index:2; position:absolute; } #filterTopNavLeft, #filterTopNavRight{ float:left; background-repeat: no-repeat; background-image: url(../Images/UserControls/Filter/leftCurve.png); width:236px; height:52px; } #filterTopNavRight{ background-repeat: no-repeat; background-image: url(../Images/UserControls/Filter/rightCurve.png); } .filterTopNavMid{ float:left } .filterTopNavMidAlt{ float:left; height:52px; width:245px; background-image: url(../Images/UserControls/Filter/altBgMid.png); background-repeat: repeat-x; } #filterTopNavMidDividerLeft {float:left; background-image: url(../Images/UserControls/Filter/divider.png); background-repeat: no-repeat; width:2px; height:44px; } #filterTopNavMidBg {float:left; background-image: url(../Images/UserControls/Filter/bgMid.png); background-repeat: repeat-x; height:44px; } #filterTopNavMidBg h2 {text-transform:uppercase; padding:0px; color:#333; font-weight:bold; margin:19px 64px 0px 64px; font-size:10px } #filterTopNavMidDividerRight {float:left; background-image: url(../Images/UserControls/Filter/divider.png);background-repeat: no-repeat; width:2px; height:44px; } .filterTopNavMidButton { margin-top:23px; cursor:pointer; margin-left:372px;width:28px;height:15px; z-index:3; position: absolute;}/* background-image: url(../Images/UserControls/Filter/buttonDown.png); background-repeat: no-repeat; */ #filterMain{ z-index:1; border: 1px solid #c3c3c3; position:absolute; padding-top:10px; width:766px; background-image:url(../Images/UserControls/Filter/filterMainBg.png); background-repeat: repeat; padding-bottom:10px; position:absolute; top:14px; } /* #filterMainCategory { margin-top:30px; position:absolute;}*/ #filterMainCategory {margin:20px 20px 0px 20px; width:650px; white-space:nowrap; overflow:hidden;} #filterMainCategory .column{ float:left; margin:0px 8px 8px 0px; display:block; height:28px;} #filterMainCategory .column .left { float:left; width:4px; height:19px; cursor:pointer; background-repeat: no-repeat; } #filterMainCategory .column .mid { float:left; cursor:pointer; background-repeat: repeat-x; height:19px; line-height:1.8em; padding: 0 6px;} #filterMainCategory .column .right { float:left; width:4px; height:19px; cursor:pointer; background-repeat: no-repeat;} #filterMainCategory .columnOff .left {color:#000; background-image: url(../Images/UserControls/Filter/categoryColumnLeftGrey.png);} #filterMainCategory .columnOff .mid {color:#000; background-image: url(../Images/UserControls/Filter/categoryColumnMidGrey.png);} #filterMainCategory .columnOff .right {color:#000; background-image: url(../Images/UserControls/Filter/categoryColumnRightGrey.png); } #filterMainCategory .columnOn .left {color:#fff; background-image: url(../Images/UserControls/Filter/categoryColumnLeftRed.png);} #filterMainCategory .columnOn .mid {color:#fff; background-image: url(../Images/UserControls/Filter/categoryColumnMidRed.png);} #filterMainCategory .columnOn .right {color:#fff; background-image: url(../Images/UserControls/Filter/categoryColumnRightRed.png);} #filter hr {border: 0;color: #c3c3c3;background-color: #c3c3c3;height: 1px; width: 100%; text-align: left; } .horizontalDivider { background-image: url(../Images/UserControls/Filter/horizontalDivider.png); background-repeat: repeat-x; margin:0px 20px 0px 20px; height:2px;} #filterMainSubCategory {margin:10px 20px 0px 20px; width:650px; } #filterMainSubCategory .column { float:left; cursor:pointer; margin:0px 0px 0px 0px; } #filterMainSubCategory .columnOff a {color: #0152A0; font-weight:normal; padding: 0px 0px;} #filterMainSubCategory .columnOn a { color: #ec0202; font-weight:bold; padding: 0px 0px;} #filterMainSubCategory .column a {padding:0px 4px;} #filterMainSubCategory .column a:hover {padding:0px 4px; text-decoration:underline;} #filterMainSubCategory .columnMargin { margin:5px 10px 5px 0px; } /** FILTER CATEGORY **/ .filterCategoryLinks {width:766px; position:absolute;} #filterCategoryLinksTop { width:766px; height:28px; background-image:url(../Images/UserControls/Filter/categoryFilterTop.png); background-repeat:no-repeat; } #filterCategoryLinksBottom { width:766px; background-image:url(../Images/UserControls/Filter/categoryFilterBottom.png); overflow:hidden; background-repeat:repeat-y; padding-bottom:10px } #filterCategoryLinksBottom h2{ font-size:10px; font-weight:bold; margin:0 auto; padding-left:41px; padding-bottom:4px; color:#ec0202;} #filterCategoryLinksBottom .filterCategory {width:736px; } #filterCategoryLinksBottom .filterCategory ul{ margin-top:0;} #filterCategoryLinksBottom .filterCategory ul li{display:inline; font-family:Arial, Helvetica, sans-serif; } #filterCategoryLinksBottom .filterCategory ul li a {font-size:10px; color:#333; text-decoration:none; line-height:1.6em} .filterCategoryLinksDivider { color:#d5d5d5; padding:0 4px} /** FILTER CATEGORY FOR BRANDS **/ /*Product List Controller - Attribute styles*/ /**/ .selectedAttribute{ font-size: 10px; color: #aaa; text-align: left; padding: 3px 0px;position: relative;} /*--- USER MANAGER --*/ .userManager {float:right; } .userManager a, .userManager div {line-height:25px; } .userManager label {color:#606060; font-size:9px} .userManager input {width:120px; font-size:11px; height:15px; margin:5px 0 0 0 } .registerButton {border:1px solid #A00101; background-image:url(../images/buttons/buttonRedAdvSearchBg.gif); background-repeat:repeat-x; float:left; height:16px; margin:1px 0 0 12px; float:left;} .registerButton a{color:#fff; padding: 1px 8px 1px 8px; display:block; font-weight:bold; font-size:10px;} .marginT3 {margin-top:3px; display:block;} /*--- LOCATION BAR --*/ .addressBarTitle{color:#ffffff; font-weight:bold} .addressMenuWrapper option {width:150px} .addressMenuWrapper{height:19px; width:180px; cursor:pointer;} .bwaddressMenuWrapper{height:19px; width:150px; cursor:pointer;} .addressMenuButton{width:17px; cursor:pointer} .addressListWrapper{width:180px; z-index:1000; position:absolute;} .bwaddressListWrapper{width:150px; z-index:1000; position:absolute;} .countryMenuWrapper{height:20px; width:135px; cursor:pointer;} .countryListWrapper{width:100px; z-index:1000; position:absolute;} .sectorMenuWrapper{height:20px; width:150px} .sectorListWrapper{width:150px; z-index:1000; position:absolute;} .cityMenuWrapper{height:20px; width:120px; cursor:pointer;} .cityListWrapper{width:120px; z-index:1000; position:absolute;} .dropDownMenuInner{border:solid 1px #D7D7D7; background-color:#ffffff;} .dropDownMenuText{margin-left:3px; line-height:17px; overflow:hidden} .dropDownListInner{border-left:solid 1px #D7D7D7; border-right:solid 1px #D7D7D7; display:block;} .dropDownListRow{padding:2px 3px; overflow:hidden; border-bottom:solid 1px #D7D7D7; cursor:pointer; background-color:#ffffff; color:#333333;} .dropDownListRowSelected{padding:2px 3px; overflow:hidden; border-bottom:solid 1px #D7D7D7; cursor:pointer; background-color:#eeeeee; color:#EC0202;} .ddLine1{height:16px; line-height:12px; overflow:hidden; padding-right:2px;} .ddLine2{height:16px; line-height:12px;} .dropDownWrap {display:block; } .CheckBoxList{ padding: 2px 2px 2px 2px;} .CheckBox label {top:-2px; padding-left:4px;position:relative;z-index:-10;} .CheckBoxBold label {top:-2px; padding-left:4px;position:relative;z-index:-10;font-weight:bold;} .radioButton input { margin-right:4px} .clear{clear: both; margin:0px; padding:0px} .fl{float: left} .fr{float: right} .pointer{cursor:pointer} .mLM{margin-left:10px} .mRL{margin-right:20px} .dutyButton{width:75px; z-index:0; overflow:hidden; position:absolute; top:0} /*.textWrapper{width:150px; line-height:20px; height:20px; z-index:10; position:absolute; top:0} .buttonText{width:75px; height:24px; color:#ffffff; text-align:center;}*/ /* MARKET STATS */ .tableRowStock{line-height: 21px;} #stockGraph{margin-top: 10px; margin-bottom: 10px;} #stockTotals{text-align: left; margin-bottom: 30px;} /* FEATURED */ .featuredWrapper {margin-top:10px; padding:0px; overflow:hidden; width:206px} .featuredWrapper .headRow {} .featuredWrapper .headRow .left {float:left; width:195px; padding-left:8px;} .featuredWrapper .headRow .left .FeaturedProductTitle a {color:#EC0202; font-size:14px; font-weight:bold; margin-top:13px;} .featuredWrapper .headRow .left .price {float:left; color:#333333; font-size:12px; font-weight:bold; padding-top:10px} .featuredWrapper .headRow .left .unit {float:left; color:#333333; font-weight:normal; font-size:11px; margin:3px 0 0 5px; padding-top:8px} .featuredWrapper .headRow .right {float:right; width:75px; text-align:right; padding-right:4px;} .featuredWrapper .headRow .left .perunit {float:left; color:#333333; font-weight:normal; font-size:11px; margin:3px 0 0 5px; padding-top:0px} .featuredWrapper .headRow .left .unitprice {float:left; color:#333333; font-size:12px; font-weight:bold; padding-top:2px} .featuredWrapper .image {text-align:center; margin:10px 0} .featuredWrapper .textRow {height:18px; overflow:hidden; padding-left:8px;} .featuredWrapper .textRow .title {float:left; color:#666666; font-weight:bold;} .featuredWrapper .textRow .field {float:left; margin-left:5px; width:auto} .featuredWrapper .linkRow {height:18px; } .featuredWrapper .linkRow .icon {float:left; margin-top:1px} /*.featuredWrapper .linkRow .link {float:left; margin-left:5px} */ .featuredWrapper .linkRow a {float:left; color:#2369ad; margin-left:5px;} .featuredWrapper .horizontalDivider {border-top:1px solid #C3C3C3; margin:6px 6px;} /* HEADER TABS */ .headerTab {float:right; margin-left:1px;} .headerTab div {float:left; height:24px} .headerTab a {line-height:24px; padding:0 10px; display:block; font-size: 12px; text-decoration: none; float:left; margin-top:3px;} .headerTab .left, .headerTab .right {width:8px; margin-top:3px;} .headerTabOn .left {background-image:url(../Images/UserControls/sprite-header.png); background-position: 0 -941px; width: 8px; height: 24px;} .headerTabOn .right {background-image:url(../Images/UserControls/sprite-header.png); background-position: 0 -1015px; width: 8px; height: 24px;} .headerTabOn a {background: url(../images/UserControls/HeaderTabs/tabMid.gif) top repeat-x; color:#ffffff; height:24px; margin-top:3px;} .headerTabOff .left {background-image:url(../Images/UserControls/sprite-header.png); background-position: 0 -1089px; width: 8px; height: 24px;} .headerTabOff .right {background-image:url(../Images/UserControls/sprite-header.png); background-position: 0 -1163px; width: 8px; height: 24px;} .headerTabOff a {background: url(../images/UserControls/HeaderTabs/whiteTabMid.gif) top repeat-x; color:#4d4d4d; height:24px} .tabGrey {} /* tabGrey will incorporate the Left Mid Right classes from below with the images and text */ .tabGreyLeft {float:left; width:8px; height:24px;} .tabGreyMid {float:left; background: url(../images/UserControls/HeaderTabs/tabMid.gif) top repeat-x; color:#ffffff; font-size: 12px; padding: 5px 10px 0 10px; height:24px; } .tabGreyMid a { font-size: 12px; font-weight:bold; color:#ffffff; text-decoration: none; background:none} .tabWhite {height:24px; float:left; margin-right:2px;} /* tabWhite will incorporate the Left Mid Right classes from below with the images and text */ .tabWhiteLeft {float:left; background-image:url(../images/UserControls/sprite-header.png); background-position: 0 -1089px; width: 8px; height: 24px; } .tabWhiteMid {float:left; background: url(../images/UserControls/HeaderTabs/WhiteTabMid.gif) top repeat-x; color:#000; font-size: 12px; height:24px; padding: 5px 10px 0 10px;} .tabWhiteMid a { font-size: 12px; font-weight:bold; color:#000; text-decoration: none; background:none;} .tabWhiteRight{float:left; background-image:url('../images/UserControls/sprite-header.png'); background-position: 0 -1163px; width: 8px; height: 24px;} /* RIGHT BAR TITLE */ .rightBarTitle {margin-bottom:15px} .rightBarTitle img {margin-right:5px; width:17px; height:17px} .rightBarTitle p {line-height:17px; font-weight:bold} /* ICON LINK */ .iconLink {height:20px;} .iconLink img {margin-right:5px;} .iconLink p {line-height:14px; margin:0; padding:0} .iconLink a {text-decoration:none; font-weight:bold; line-height:14px;} .iconLink a:hover {text-decoration:underline} /* PANEL BUTTON */ .panelButton {background-image:url(../Images/UserControls/PanelButton/panelButtonBack.png); background-repeat:repeat-x; text-align:left; height:33px; white-space:nowrap} .panelButton .left {background-image:url(../Images/UserControls/PanelButton/panelButtonLeft.png); background-position:left; background-repeat:no-repeat; height:34px; white-space:nowrap; margin-left:-14px} .panelButton .right {background-image:url(../Images/UserControls/PanelButton/panelButtonRight.png); background-position:right; background-repeat:no-repeat; height:34px; white-space:nowrap; margin-right:-14px} a.panelButton, .panelButton a { display:block; line-height:31px; font-weight:bold; padding:0 40px 0 20px;} /*LIST FILTER */ #listFilter { overflow:hidden; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration:none;} #listFilterSlideButtonContainer { overflow:hidden; margin-bottom: 14px; float:left; padding-left:20px;} #listFilterSlideButtonLabel { overflow:hidden; float:left; padding-right:10px; line-height:20px; height:20px;} #listFilterSlideButton { overflow:hidden; float:left;} #listFilterSelection { overflow:hidden; width:767px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration:none; padding-bottom:20px;} #listFilterSelection .listFilterOuterRow { border-bottom:1px solid #c3c3c3;border-top:1px solid #c3c3c3; padding-top:1px; height:24px;} #listFilterSelection .listFilterOuterRowAlt { border-bottom:1px solid #c3c3c3; padding-top:1px; height:24px;} #listFilterSelection .listFilterInnerRow {background-color:#e8e8e8;height:23px; } #listFilterSelection .listFilterInnerRow a{ color:Black; } #listFilterSelection .listFilterInnerRow a:hover{ color: #EC0202;} #listFilterSelection .listFilterInnerRow .columnLeft {height:23px; width:350px; float:left; } #listFilterSelection .listFilterInnerRow .columnRight {height:23px; width:350px; float:left; } #listFilterSelection .listFilterInnerRow .completeRow {height:23px; width:700px; float:left; } .listFilterLabel, .listFilterData {width:150px; float:left; padding:5px 0 0 20px; } .listFilterLabelwidth500 {width:500px; float:left; padding:5px 0 0 20px;} .listFilterData { font-weight:bold;} #listFilterSelection .listFilterTitle {padding:4px 0 0 20px; width:80px; float:left; margin-top:1px} #listFilterSelection .listFilterColumn {padding-top:4px; float:left; background-image: url(../Images/UserControls/global/border.png); background-position: right; background-repeat:no-repeat; margin-right:8px; padding-right:10px; margin-top:1px;} #listFilterSelection .listFilterColumnLast {padding-top:4px; margin-top:1px; float:left;} #listFilterSelection .listFilterColumn, #listFilterSelection .listFilterColumnLast {margin-top:5px; padding-top:0px;} #listFilterSelection .textSelected { color:#ec0202;} #listFilterSelection .listFilterColumn a:hover{ color: #EC0202; } /* TICTAC */ .tictac {float: left; padding:1px; width: 18px; height: 18px; border-left:1px #DFDFDF solid; border-top:1px #DFDFDF solid; cursor:pointer; overflow:hidden; text-align:center; vertical-align:middle; } .tictac img {vertical-align:middle} .tictacOn {background-position:center center; background-image:url(../Images/CustomControls/blackButton.png); background-repeat:no-repeat} /* GREY BUTTON */ #greyButton {height:24px; float:left; margin-right:2px; } /* tabWhite will incorporate the Left Mid Right classes from below with the images and text */ #greyButton .greyButtonLeft {float:left; background-image:url(../images/UserControls/Button/greyButtonLeft.png); width:8px; height:24px;} #greyButton .greyButtonMid {float:left; background: url(../images/UserControls/Button/greyButtonMid.png) top repeat-x; color:#ec0202; font-size: 11px; height:24px; padding: 5px 10px 0 10px; font-weight:bold;} #greyButton .greyButtonMid a { font-size: 12px; font-weight:bold; color:#ec0202; text-decoration: none; background:none;} #greyButton .greyButtonRight{float:left; background-image:url('../images/UserControls/Button/greyButtonRight.png'); width:8px; height:24px;} /* CALENDAR */ .calendar {width:190px;} .calendar select {font-size:11px} .arrow{/*margin-left:-15px;*/ padding-bottom:55px; margin-top:-90px;} .arrow .arrowHead{width:21px; height:42px;background-image:url(../../images/buttons/arrowHead.png);} /* GENERAL LEFT NAV */ #generalLeftNav{float:left; width:209px; margin:0px; font-size:12px; color:#000000; } #generalLeftNav a {font-size:12px; color:#000000; font-weight:bold; padding-left:18px; display:block;} #generalLeftNav h1 {color:#ec0202; font-size:16px; font-weight:bold; padding-bottom:10px; margin:0px;} #generalLeftNav .Top{background-image:url(../images/General/generalTopCurve.png); background-repeat:no-repeat; height:42px; position:relative;} #generalLeftNav .Top .firstRow {margin:0 2px; padding:12px 0px 10px 0px; display:block; border-bottom:1px solid #C3C3C3; line-height:1.7em; } #generalLeftNav .Mid { background-image:url(../images/General/generalMidBg.gif); background-repeat:repeat-y; overflow:hidden;} #generalLeftNav .Mid .linkRowFirst { margin:0 2px; line-height:3.2; display:block; font-size:12px; border-bottom:1px solid #C3C3C3;} #generalLeftNav .Mid .linkRow {margin:0 2px; line-height:3.2; display:block; font-size:12px; border-bottom:1px solid #C3C3C3;} #generalLeftNav .Mid .linkRowPress {cursor:pointer;display:block; margin:0 2px; height:38px; display:block; font-size:12px; border-bottom:1px solid #C3C3C3;} #generalLeftNav .Mid .linkRowPress .pressLink { cursor:pointer; float:left; width: 150px; line-height:3.2; display:block;} #generalLeftNav .Mid .linkRowPress .pressIcon { cursor:pointer;float:left; width: 20px; line-height:3.2; display:block; margin-left:6px; margin-top:13px;} #generalLeftNav .Mid .subLink { font-weight: normal; cursor:pointer; margin:0px 0px 0px 1px; width:205px; font-size:11px; border-left:1px solid #C3C3C3; border-right:1px solid #C3C3C3; background-color:#f5f5f5;} #generalLeftNav .Mid .subLink .top { background-image:url(../images/General/generalSubMenuTop.gif); background-repeat:no-repeat; height:6px;} #generalLeftNav .Mid .subLink .bottom { background-image:url(../images/General/generalSubMenuBottom.gif); background-repeat:no-repeat; height:6px;} #generalLeftNav .Mid .subLink .subLinkRow { line-height:1.9; font-size:11px; } #generalLeftNav .Mid .subLink .subLinkRow a { line-height:1.9; font-size:11px; font-weight:normal } #generalLeftNav .Bottom {background-image: url(../images/General/generalBottomCurve.png); background-repeat:no-repeat; height:42px;} #generalLeftNav .Bottom .lastRow {margin:0 2px; line-height:3.7; display:block;} /*REGISTER PAGE DUPLICATE EMAIL*/ .valRegSecond {background-image:url(../Images/UserControls/EmktValidator/back.gif); background-repeat:repeat-x; background-position:bottom left; width:252px; position:relative; overflow:hidden; margin-left:-1px; margin-bottom:10px} .valRegSecond .lt {position:absolute; top:0; bottom:0; left:0; background-image:url(../Images/UserControls/EmktValidator/left.gif); background-repeat:no-repeat; width:15px; background-position:bottom left} .valRegSecond .rt {position:absolute; top:0; bottom:0; right:0; background-image:url(../Images/UserControls/EmktValidator/right.gif); background-repeat:no-repeat; width:4px; background-position:bottom right} .valRegSecond .msg {margin:7px 7px 7px 20px; font-size:10px; color:#3d3d3d; line-height:14px; } /*ORDER TIMELINE STARTS BELOW */ #timeLineLabel {float:left; margin-top:41px; margin-right:20px; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} #timeLineContainer {position:relative; width:595px; float:left; margin-bottom:20px;} /*TAB TITLES TOP*/ #timeLineTabTop {position:relative; font-size:11px; font-family:Arial, Helvetica, sans-serif; height:40px; width:595px } #timeLineTabTop p {padding:0px 4px 4px 4px; display:block; margin:0px; text-align:left;} /* RED TITLES */ #timeLineTabTop .orderReceivedTabRed { float:left; margin:0px 0px 0px 0px; color:#ec0202; border-bottom:1px solid #ec0202; width:105px;} #timeLineTabTop .collectionConfirmedTabRed { float:left; margin:0px 0px 0px 24px; color:#ec0202; border-bottom:1px solid #ec0202; width:126px; } #timeLineTabTop .inpsectedTabRed {float:left; margin:0px 0px 0px 64px; color:#ec0202; border-bottom:1px solid #ec0202; width:84px;} #timeLineTabTop .deliveredTabRed {float:left; margin:0px 0px 0px 80px; color:#ec0202; border-bottom:1px solid #ec0202; width:70px;} /* GREY TITLES */ #timeLineTabTop .orderReceivedTabGrey { float:left; margin:0px 0px 0px 0px; color:#c3c3c3; border-bottom:1px solid #c3c3c3; width:105px;} #timeLineTabTop .collectionConfirmedTabGrey { float:left; margin:0px 0px 0px 24px; color:#c3c3c3; border-bottom:1px solid #c3c3c3; width:126px; } #timeLineTabTop .inpsectedTabGrey {float:left; margin:0px 0px 0px 64px; color:#c3c3c3; border-bottom:1px solid #c3c3c3; width:84px;} #timeLineTabTop .deliveredTabGrey {float:left; margin:0px 0px 0px 80px; color:#c3c3c3; border-bottom:1px solid #c3c3c3; width:70px;} /*TAB TITLES BOTTOM*/ #timeLineTabBottom {position:relative; font-size:11px; font-family:Arial, Helvetica, sans-serif; margin-top:26px; width:595px } #timeLineTabBottom p {padding:4px 4px 0px 4px; display:block; margin:0px; text-align:left;} /* RED TITLES */ #timeLineTabBottom .orderApprovedTabRed { float:left; margin:0px 0px 0px 81px; color:#ec0202; border-top:1px solid #ec0202; width:100px;} #timeLineTabBottom .collectedTabRed { float:left; margin:0px 0px 0px 80px; color:#ec0202; border-top:1px solid #ec0202; width:70px;} #timeLineTabBottom .dispatchedTabRed { float:left; margin:0px 0px 0px 78px; color:#ec0202; border-top:1px solid #ec0202; width:70px;} /*GREY TITLES */ #timeLineTabBottom .orderApprovedTabGrey { float:left; margin:0px 0px 0px 81px; color:#c3c3c3; border-top:1px solid #c3c3c3; width:100px;} #timeLineTabBottom .collectedTabGrey { float:left; margin:0px 0px 0px 80px; color:#c3c3c3; border-top:1px solid #c3c3c3; width:70px;} #timeLineTabBottom .dispatchedTabGrey { float:left; margin:0px 0px 0px 78px; color:#c3c3c3; border-top:1px solid #c3c3c3; width:70px;} /*ARROWS TOP*/ #timeLineArrowTop {position:absolute; font-size:11px; font-family:Arial, Helvetica, sans-serif; margin-top:18px; width:595px;z-index:200; } /*RED ARROWS */ #timeLineArrowTop .redArrowOR {border-right:1px solid #ec0202; width:105px; float:left; height:34px;} #timeLineArrowTop .redArrowCO { border-right:1px solid #ec0202; width:149px; float:left;height:34px;} #timeLineArrowTop .redArrowInspected {border-right:1px solid #ec0202; width:147px; float:left;height:34px;} #timeLineArrowTop .redArrowDelivered{border-right:1px solid #ec0202; width:149px; float:left;height:34px; } /*GREY ARROWS */ #timeLineArrowTop .greyArrowOR {border-right:1px solid #c3c3c3; width:105px; float:left; height:26px;} #timeLineArrowTop .greyArrowCO { border-right:1px solid #c3c3c3; width:149px; float:left;height:26px;} #timeLineArrowTop .greyArrowInspected {border-right:1px solid #c3c3c3; width:147px; float:left;height:26px;} #timeLineArrowTop .greyArrowDelivered{border-right:1px solid #c3c3c3; width:149px; float:left;height:26px;} /*ARROWS BOTTOM*/ #timeLineArrowBottom {position:absolute; font-size:11px; font-family:Arial, Helvetica, sans-serif; margin-top:52px; width:595px;z-index:200; } /*RED ARROWS */ #timeLineArrowBottom .redArrowOA {border-right:1px solid #ec0202; width:180px; float:left; height:30px;} #timeLineArrowBottom .redArrowCollected{ border-right:1px solid #ec0202; width:149px; float:left;height:30px;} #timeLineArrowBottom .redArrowDispatched {border-right:1px solid #ec0202; width:147px; float:left;height:30px;} /*GREY ARROWS */ #timeLineArrowBottom .greyArrowOA {border-right:1px solid #c3c3c3; width:180px; float:left; height:30px;} #timeLineArrowBottom .greyArrowCollected{ border-right:1px solid #c3c3c3; width:149px; float:left;height:30px;} #timeLineArrowBottom .greyArrowDispatched {border-right:1px solid #c3c3c3; width:147px; float:left;height:30px;} /*TIMELINE MAIN*/ #timeLineMain {position:relative; background-image: url(../../Images/UserControls/timeLine/timeLineWhiteLineDots.png); height:16px; width:595px;} /*RED DOTS IN TIMELINE*/ #timeLineMain .rDotOrderReceived { position:absolute; background-image: url(../../Images/UserControls/timeLine/redDot.png); width:9px; height:8px; margin:4px 0px 0px 101px; z-index:200} #timeLineMain .rDotOrderApproved { position:absolute; background-image: url(../../Images/UserControls/timeLine/redDot.png); width:9px; height:8px; margin:4px 0px 0px 176px; z-index:200} #timeLineMain .rDotCollectionConfirmed { position:absolute; background-image: url(../../Images/UserControls/timeLine/redDot.png); width:9px; height:8px; margin:4px 0px 0px 251px;z-index:200} #timeLineMain .rDotCollected { position:absolute; background-image: url(../../Images/UserControls/timeLine/redDot.png); width:9px; height:8px; margin:4px 0px 0px 325px;z-index:200} #timeLineMain .rDotInspected { position:absolute; background-image: url(../../Images/UserControls/timeLine/redDot.png); width:9px; height:8px; margin:4px 0px 0px 399px;z-index:200} #timeLineMain .rDotDispatched { position:absolute; background-image: url(../../Images/UserControls/timeLine/redDot.png); width:9px; height:8px; margin:4px 0px 0px 474px;z-index:200} #timeLineMain .rDotDelivered { position:absolute; background-image: url(../../Images/UserControls/timeLine/redDot.png); width:9px; height:8px; margin:4px 0px 0px 549px; z-index:200} /*RED LINE IN TIMELINE*/ #timeLineMain .rline{ position:absolute; background-image: url(../../Images/UserControls/timeLine/redLinePart.png); width:69px; height:3px; } /*RED LINE IN TIMELINE THAT HAS JUST BEEN GIVEN A MARGIN*/ #timeLineMain .rlineOrderReceived{margin:7px 0px 0px 37px} #timeLineMain .rlineOrderApproved{margin:7px 0px 0px 109px} #timeLineMain .rlineCollectionConfirmed{margin:7px 0px 0px 184px} #timeLineMain .rlineCollected{margin:7px 0px 0px 259px} #timeLineMain .rlineInspected{margin:7px 0px 0px 333px} #timeLineMain .rlineDispatched{margin:7px 0px 0px 407px} #timeLineMain .rlineDelivered{margin:7px 0px 0px 482px} /* HALF RED LINE IN TIMELINE*/ #timeLineMain .rLineFirstHalf { position:absolute; background-image: url(../../Images/UserControls/timeLine/redLineHalf.png); width:34px; height:3px; margin:7px 0px 0px 37px} /* HALF RED LINE IN TIMELINE THAT HAS JUST BEEN GIVEN A MARGIN*/ #timeLineMain .rLineFirstHalfOrderReceived {margin:7px 0px 0px 37px} #timeLineMain .rLineFirstHalfOrderApproved{margin:7px 0px 0px 109px} #timeLineMain .rLineFirstHalfCollectionConfirmed{margin:7px 0px 0px 184px} #timeLineMain .rLineFirstHalfCollected{margin:7px 0px 0px 259px} #timeLineMain .rLineFirstHalfInspected{margin:7px 0px 0px 333px} #timeLineMain .rLineFirstHalfDispatched{margin:7px 0px 0px 407px} #timeLineMain .rLineFirstHalfDelivered{margin:7px 0px 0px 482px} /*ORDER TIMELINE ENDS HERE */ /* HOME CONTENT */ #homeContent {overflow:hidden; color:#000;} #homeContent .movie{ width: 480px; overflow:hidden; height:270px; margin-bottom:20px; border: 1px #c3c3c3 solid; margin:0 auto;} #homeContent h2 {padding-top: 10px; font-size:18px;} #homeContent .content {margin-top:15px; text-align:justify;font-size:11px } /* TERMS AND CONDITIONS */ #termsMain {font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration:none;color:#000; } #termsMain h2 {font-size:12px; color:#333333; padding-bottom:20px;} .termContainer {font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration:none;color:#000; height:250px; overflow:auto; clear:both; text-align:justify; padding:20px; line-height:1.5; color:#333333; background-color:#E7E7E7;} .termContainer a { color:#ec0202} .termContainer h2 {font-size:15px; text-transform:uppercase;color:#ec0202;margin:0;padding:5px 0 10px 0px;text-align:left;text-transform:uppercase;} .termContainer .termDef {color:#333333;line-height:150%;text-align:justify;} .termContainer .termDef p {color:#333333;line-height:150%;text-align:justify;} .termContainer .termDef h1{background-color:#EEEEEE;color:#333333;font-size:100%;font-weight:bold;padding:5px 5px 5px 5px;text-align:left;} .termContainer .section {color:#333333;font-size:100%;font-weight:normal;padding:5px 5px 5px 5px;text-align:left;} .termContainer .section p {color:#333333;line-height:150%;text-align:justify;} .termContainer .section h1{background-color:#EEEEEE;color:#333333;font-size:100%;font-weight:bold; padding:5px 5px 5px 5px;text-align:left;} #agreeContainer {margin-top: 30px} #agreeContainer .tickBox { text-align:center;} #agreeContainer .tickBox input{margin-right:4px;} #agreeContainer .buttonWrapper {margin:20px 0px 70px 320px;} #agreeContainer .agree {text-align: center; float:left; margin-right:20px;} #agreeContainer .decline {text-align: center; float:left; } /* TOP SELLER - HOME PAGE */ #topSellers { width:207px; margin-top:20px;} .topSellersHeading {background-image: url(../../Images/templateItems/greyBg.png);width:207px; height:29px; margin:0;background-repeat:no-repeat; margin:0;} .topSellersHeading h1 { line-height:30px; color:#ec0202; font-size:14px; font-family:Arial,Helvetica,sans-serif; padding-left:8px; margin:0;} .topSellerList {overflow:hidden; border:1px solid #bdbdbd; border-top:none; height:356px; margin:0;} .topSellerNode {float:left; width:102px; font-size:10px; margin-top:16px} .sprite-item1, .sprite-item2, .sprite-item3, .sprite-item4, .sprite-item5, .sprite-item6, .sprite-item7, .sprite-item8 { background-image: url(../../Images/UserControls/sprite-topsellers.jpg);} .sprite-item1 { background-position: 0 0; width: 100px; height: 100px; } .sprite-item2 { background-position: 0 -150px; width: 100px; height: 100px; } .sprite-item3 { background-position: 0 -300px; width: 100px; height: 100px; } .sprite-item4 { background-position: 0 -450px; width: 100px; height: 100px; } .sprite-item5 { background-position: 0 -600px; width: 100px; height: 100px; } .sprite-item6 { background-position: 0 -750px; width: 100px; height: 100px; } .sprite-item7 { background-position: 0 -900px; width: 100px; height: 100px; } .sprite-item8 { background-position: 0 -1050px; width: 100px; height: 100px; } .topSellerProductName {color:#ec0202; font-size:11px; font-family:Arial,Helvetica,sans-serif; height:40px; margin-top:8px; padding:0px 7px; text-align:center;} /* Retail Allocation Products */ .retailProductList {overflow:hidden; border:1px solid #bdbdbd; height:325px; margin:0; width:205px} .retailProductList2 {overflow:hidden; border:1px solid #bdbdbd; height:975px; margin:0; width:205px} .sprite-rtitem1, .sprite-rtitem2, .sprite-rtitem3, .sprite-rtitem4 { background-image: url(../../Images/General/sprite-retail.jpg);} .sprite-rtitem1{ background-position: 0 0; width: 100px; height: 100px; } .sprite-rtitem2{ background-position: 0 -150px; width: 100px; height: 100px; } .sprite-rtitem3{ background-position: 0 -300px; width: 100px; height: 100px; } .sprite-rtitem4{ background-position: 0 -450px; width: 100px; height: 100px; }