#ProductHeading {margin:0px } /*done by sunit */ #ProductHeading h2 {font-size: 16px; color: #EC0202; font-weight: bold; margin:0px; padding-bottom:20px;} #ProductHeading h2 a {color: #EC0202}/*done by sunit */ .productSeparator {margin:40px 0 25px; border-top: 1px solid #d2d2d2} .ProductThumbnailContainerAlt {margin-bottom:16px; width:80px; height:80px; float:left}/*This class is used alternatively for offer confirmation page */ .ProductThumbnailContainer {margin-bottom:16px; width:80px; height:80px;}/*done by sunit */ .productSummaryAlt {float:left; width:220px; margin-right:2px; margin-left:12px; margin-bottom:10px;} /*This class is used alternatively for offer confirmation page */ .productSummaryContentAlt {width: 130px; float:left; font-weight: bold; overflow: hidden; padding-left:6px;} /*This class is used alternatively for offer confirmation page */ .productSummaryContent {font-weight: bold; overflow: hidden} .productsInner .productSummary {float:left; width:127px; margin-right:7px; margin-bottom:10px; overflow:hidden;}/* used for inner page */ .productSummary {float:left; width:140px; margin-right:7px; margin-bottom:10px; overflow:hidden;}/* used for other pages */ .productSummaryTitle {height:28px; overflow:hidden;padding-right:4px; color:#ec0202;} .productSummaryLabel {color: #666666; float:left; margin-right:4px; font-weight:normal;} .productSummaryValue {color: #000000; font-weight:bold; float:left; } .productSummaryCompare {margin-bottom:10px;} .productSummaryCompare .linecolor{ background-color:#ffffff;height:30px;} .productSummaryCompare .alternate{ background-color:#f5f5f5;height:30px;} .productSummaryCompare .alternate .redText{color:red;} .greyTextLink {color:#aca899;} #largeProductImage{float: left; width: 240px; border: solid 1px #E1E1E1} #mainProdctInfo{margin-left: 15px; position:relative; overflow: hidden;} /****overflow: hidden; added as it's inline all over the place****/ .smallProductImage{width: 80px; height: 80px; border: solid 1px #E1E1E1; text-align:center; position:relative; cursor:pointer;} .productTitle{font-size:16px; color:#000000; font-weight:bold;} .productPriceBig{font-size:16px; color:#000000; height:20px; line-height:20px; font-weight:normal;} .productPriceSmall{font-size:12px; color:#000000; height:20px; line-height:20px; font-weight:normal;} .priceLinkWrapper{border-bottom:1px solid #E1E1E1; margin:0 0 5px 0; padding-bottom:10px;} .productLabel{width:100px; height:20px; line-height:20px; color:#666666} .productValue{height:20px; line-height:20px; color:#000000; font-weight:bold} .creditCardError{color: #FF0000; font-weight:bold; margin: 10px 10px 10px 10px;} .linkText{color:#0152A0; height:18px; line-height:18px; margin-left:3px; cursor:pointer;} .linkIcon{margin-top:2px}na #productDetailsLinks{width:200px; float:right; background-color:Red;} #productDetailsLinks .icon {float:right; background-color:Green;} #productDetailsLinks .link {float:right; background-color:Gray;} #quantityAvailableWrapper { margin-top:5px; overflow:hidden;} #quantityAvailableWrapper .quantityAvailableSection { float:left; width:240px} #quantityAvailableWrapper .linksSection { float:right;} #quantityAvailableWrapper .linksSection .row { height:20px; line-height:20px} #quantityAvailableWrapper .linksSection .row .icon { margin:0; padding-top:3px; padding-right:6px;} #quantityAvailableWrapper .linksSection .row .link { margin:0px; color:Blue; font-weight:normal; color:#0152A0;} /* PRODUCT INFORMATION BELOW PRODUCT PHOTO*/ .offerBoxInnerRow { padding:10px 0px; overflow:hidden;} .offerBoxInnerRowColumnLeft{width:49%; float:left; padding-right:13px;} .offerBoxInnerRowColumnRight{width:49%; float:left;} .attributeBackground {background-color: #f5f5f5; width:100%; font-weight:bolder; padding: 2px 10px 2px 2px;} .offerBoxInnerRowColumnRowSecond {background-color:#f5f5f5;} .offerBoxInnerRowColumnRowLabel {width:165px; float:left; height:20px; font-weight:normal; line-height:20px; padding-left:5px; color:#666;} .offerBoxInnerRowColumnRowField {width:160px; float:left; height:20px; font-weight:normal; line-height:20px; } .productInfoCells {margin-top:20px; overflow:hidden;} .imageDisclaimer{width: 165px;float: left;height: 20px;font-weight: normal;line-height: 20px;padding-left: 5px;color: #999999;} /*Added float and rightcolumn for the enquires page*/ .productInfoCells .column{width:50%; float:left;} .productInfoCells .Rightcolumn{width:50%; float:right;} .productInfoCells .titleCell{padding-left:5px; background-color:#D7D7D7; height:21px; line-height:21px} .productInfoCells .cell {padding-left:5px; line-height:20px; font-weight:normal; vertical-align:middle; } .productInfoCells .cellSecond {padding-left:5px; height:20px; line-height:20px; background-color:#f5f5f5; color:#c9c9c9} /**.productInfoCells .label {width:60%; } .productInfoCells .field {width:40%; }*/ .productInfoCells .elabel {width:48%; float:left; padding-right:5px;} .productInfoCells .efield {width:48%; white-space:nowrap; float:left; text-align:left; padding-left:5px; padding-right:3px; overflow:hidden;} .productInfoCells .row {width:100%; text-align:center; margin-top:20px} .columnWithBackground {background-image:url(../Images/zebraGreyWhite.gif); background-repeat:repeat; width:100%;} /* CREATE OFFER PAGE */ .wrapperRow{margin:20px 0px; overflow:hidden} .offerImage {float:left; height:105px; margin-right:12px; } .offerImage .offerImageWrapper{height:80px; width:89px; text-align:center; vertical-align:middle; display: table-cell;} /* for IE CSS embedded on the page */ .offerImage img {vertical-align:middle; } .offerImage a.greyBtn {width:89px; padding:0} .selectClick{float: left; margin: 0px 5px 0px 10px;} .selectText{float: left; height: 20px; line-height: 20px; margin: 0px 10px 0px 0px;} .valWrapper{margin-left:190px} /*OFFER CONFIRMATION PAGE */ #offerConfirmationContainer{ overflow: hidden; margin-left: 14px;} #offerConfirmationContainer h1{ color: #ec0202; font-size: 17px; margin: 0; font-weight:bold;} #offerConfirmationContainer .offerConfirmationColumnOne{ width: 320px; float: left; padding-right:10px;} #offerConfirmationContainer .offerConfirmationColumnTwo{ width: 225px; float: left; } #offerConfirmationContainer .offerConfirmationColumnThree{ padding-left:30px; width: 125px; float: left;} #offerConfirmationSummary{ overflow: hidden; padding-bottom:15px;} #offerConfirmationDetails { overflow: hidden;} #offerConfirmationContainer hr { background-color:#C3C3C3; border:0 none; color:#C3C3C3; height:1px; margin-bottom:20px; text-align:left; width:100%; } #offerConfirmationDetails div.hr { background-color:#C3C3C3; border:0 none; color:#C3C3C3; height:1px; text-align:left; width:100%; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } .offerConfirmationThumb {border:1px solid #c3c3c3;margin-top:10px; overflow:hidden; padding-left:45px; padding-top:4px; text-align:center;} .offerConfirmationThumb .thumbnails { float:left; margin:10px; height:110px; width:140px; } /*ORDER BY MENU*/ .navcontainer {width:189px;overflow:visible; height:auto; float:left; margin-top:7px; } .panelSortOffers {width:189px; height:27px; background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ee2c00; text-align:left; font-size:11px; line-height:26px; float:left; float:left;} /* background-image:url(../images/pnl_01.jpg); */ .panelSortOffers h2 { padding:0px; color:#333; font-weight:bold; margin:4px 5px 0px 12px; font-size:10px} .dropdowngraphic {width:100px; position:absolute; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ee2c00; text-align:left; font-size:11px; top:0px; z-index:1; cursor:pointer; margin-top:12px; margin-left:120px;} .value {color:#FF0000; width:50px; float:left; padding-left:26px;} .dropdownarrow {background-image:url(../images/redarrow_dropdown.jpg); background-repeat:no-repeat; width:12px; height:13px; float:right; margin:6px 4px 0px 0px} #productDropDown { font-size: 12px; color:#ff6600;} /* Used these instead of the dropdown above*/ #productDropDownMenu {position:absolute; margin-top:-24px; position:absolute; left:133px; } #productDropDownMenuTop{width:99px; background-image:url('../Images/UserControls/ProductSort/dropdownTop.png'); background-repeat:no-repeat; height:10px;} #productDropDownMenuMid {background-image:url('../Images/UserControls/ProductSort/dropdownBg.png'); background-repeat:repeat-y; width:99px; padding-top:10px; overflow:hidden; } #productDropDownMenuBottom {width:99px; background-image:url('../Images/UserControls/ProductSort/dropdownBottom.png'); background-repeat:no-repeat; height:10px; clear:left; } #productDropDownMenu ul {margin-left:0; padding-left:0;list-style-type:none; width:99px; display:block; } #productDropDownMenu ul li { display:block;float:left; list-style-position:outside; margin:1px 0 0 0; padding:0; width:100%; } #productDropDownMenu li a { display:block; margin-bottom:2px; padding-left:12px; text-decoration:none; color:#000; font-size: 11px; overflow:hidden; height:auto} #productDropDownMenu li a:hover {background-color:#ec0202; color:#fff;} /* Style for pop up div */ #Layer1 { position: absolute; visibility: hidden; width: 400px; height: 250px; left: 20px; top: 5px; background-color: #ccc; border: 1px solid #000; padding: 10px; z-index: 10000; } #close { float: right; } .videoTitle { font-size:12px; line-height:24px; text-align:left;} .SoldOutTag {position:inherit;width:200px;margin-top:20px; background-color:#ec0202;color:#fff; font-weight: bold; font-size: 11px;} /*--- 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;} /* ENQUIRY ROW */ #enquiriesHeading {margin:0px } #enquiriesHeading h2 {font-size: 16px; color: #EC0202; font-weight: bold; margin:0px; padding-bottom:20px;} #enquiriesHeading h2 a {color: #EC0202} .ProductThumbnailContainerAlt {margin-bottom:16px; width:80px; height:80px; float:left}/*This class is used alternatively for offer confirmation page */ .ProductThumbnailContainer {margin-bottom:16px; width:80px; height:80px;} .productSummaryAlt {float:left; width:220px; margin-right:2px; margin-left:12px; margin-bottom:10px;} /*This class is used alternatively for offer confirmation page */ .productSummaryContentAlt {width: 130px; float:left; font-weight: bold; overflow: hidden; padding-left:6px;} /*This class is used alternatively for offer confirmation page */ .productSummaryContent {font-weight: bold; overflow: hidden} .enquirySummary {float:left; width:120px; margin-right:2px; margin-left:12px; margin-bottom:10px; overflow:hidden;} .enquirySummaryTitle {height:28px; overflow:hidden;} .enquirySummaryLabel {color: #666666; float:left; margin-right:6px; font-weight:normal;} .enquirySummaryValue {color: #000000; font-weight:bold; float:left; } #mainProdctInfo{margin-left: 15px; position:relative; overflow: hidden;} /****overflow: hidden; added as it's inline all over the place****/ .smallProductImage{width: 80px; height: 80px; border: solid 1px #E1E1E1; text-align:center; position:relative; cursor:pointer;} .productTitle{font-size:16px; color:#000000; font-weight:bold;} .productPriceBig{font-size:16px; color:#000000; height:20px; line-height:20px; font-weight:normal;} .productPriceSmall{font-size:12px; color:#000000; height:20px; line-height:20px; font-weight:normal;} .priceLinkWrapper{border-bottom:1px solid #E1E1E1; margin:0 0 5px 0; padding-bottom:10px;} .priceLinkWrapper .leftContent{width:330px; float:left; text-align:justify;} .priceLinkWrapper .leftContent a{color:#ec0202; font-weight:bold;} .priceLinkWrapper .rightContent {float:right; margin-top:12px; margin-right:15px;} .priceLinkWrapper .rightContent a{color:#ec0202; font-weight:bold;} .productLabel{width:100px; height:20px; line-height:20px; color:#666666} .productValue{height:20px; line-height:20px; color:#000000; font-weight:bold} .creditCardError{color: #FF0000; font-weight:bold; margin: 10px 10px 10px 10px;} .linkText{color:#0152A0; height:18px; line-height:18px; margin-left:3px; cursor:pointer;} .linkIcon{margin-top:2px}na #productDetailsLinks{width:200px; float:right; background-color:Red;} #productDetailsLinks .icon {float:right; background-color:Green;} #productDetailsLinks .link {float:right; background-color:Gray;} .enquiryBoxInnerRowColumnRowLabel {width:180px; overflow:hidden; float:left;padding-left:5px; width:222px; line-height:1.7; color:#666} .enquiryBoxInnerRowColumnRowField {overflow:hidden; float:left; padding-left:10px; width:222px; line-height:1.7} .enquiryBoxInnerRowColumnRowSecond {background-color:#f5f5f5; overflow:hidden; line-height:1.7} /* CREATE OFFER PAGE */ .wrapperRow{margin:20px 0px; overflow:hidden; width:380px;} .offerImage {float:left; height:105px; margin-right:12px; } .offerImage .offerImageWrapper{height:80px; width:89px; text-align:center; vertical-align:middle; display: table-cell;} /* for IE CSS embedded on the page */ .offerImage img {vertical-align:middle; } .offerImage a.greyBtn {width:89px; padding:0} .selectClick{float: left; margin: 0px 5px 0px 10px;} .selectText{float: left; height: 20px; line-height: 20px; margin: 0px 10px 0px 0px;} .valWrapper{margin-left:190px} /*OFFER CONFIRMATION PAGE */ #offerConfirmationContainer{ overflow: hidden; margin-left: 14px;} #offerConfirmationContainer h1{ color: #ec0202; font-size: 17px; margin: 0; font-weight:bold;} #offerConfirmationContainer .offerConfirmationColumnOne{ width: 320px; float: left; padding-right:10px;} #offerConfirmationContainer .offerConfirmationColumnTwo{ width: 225px; float: left; } #offerConfirmationContainer .offerConfirmationColumnThree{ padding-left:30px; width: 125px; float: left;} #offerConfirmationSummary{ overflow: hidden; padding-bottom:15px;} #offerConfirmationDetails { overflow: hidden;} #offerConfirmationContainer hr { background-color:#C3C3C3; border:0 none; color:#C3C3C3; height:1px; margin-bottom:20px; text-align:left; width:100%; } #offerConfirmationDetails div.hr { background-color:#C3C3C3; border:0 none; color:#C3C3C3; height:1px; text-align:left; width:100%; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; } .offerConfirmationThumb {border:1px solid #c3c3c3;margin-top:10px; overflow:hidden; padding-left:45px; padding-top:4px; text-align:center;} .offerConfirmationThumb .thumbnails { float:left; margin:10px; height:110px; width:140px; } /*ORDER BY MENU*/ .navcontainer {width:189px;overflow:visible; height:auto; float:left; margin-top:7px; } .panelSortOffers {width:189px; height:27px; background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ee2c00; text-align:left; font-size:11px; line-height:26px; float:left; float:left;} /* background-image:url(../images/pnl_01.jpg); */ .panelSortOffers h2 { padding:0px; color:#333; font-weight:bold; margin:4px 5px 0px 12px; font-size:10px} .dropdowngraphic {width:100px; position:absolute; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ee2c00; text-align:left; font-size:11px; top:0px; z-index:1; cursor:pointer; margin-top:12px; margin-left:120px;} .value {color:#FF0000; width:50px; float:left; padding-left:26px;} .dropdownarrow {background-image:url(../images/redarrow_dropdown.jpg); background-repeat:no-repeat; width:12px; height:13px; float:right; margin:6px 4px 0px 0px} #productDropDown { font-size: 12px; color:#ff6600;} /* Used these instead of the dropdown above*/ #productDropDownMenu {position:absolute; margin-top:-24px; position:absolute; left:133px; } #productDropDownMenuTop{width:99px; background-image:url('../Images/UserControls/ProductSort/dropdownTop.png'); background-repeat:no-repeat; height:10px;} #productDropDownMenuMid {background-image:url('../Images/UserControls/ProductSort/dropdownBg.png'); background-repeat:repeat-y; width:99px; padding-top:10px; overflow:hidden; } #productDropDownMenuBottom {width:99px; background-image:url('../Images/UserControls/ProductSort/dropdownBottom.png'); background-repeat:no-repeat; height:10px; clear:left; } #productDropDownMenu ul {margin-left:0; padding-left:0;list-style-type:none; width:99px; display:block; } #productDropDownMenu ul li { display:block;float:left; list-style-position:outside; margin:1px 0 0 0; padding:0; width:100%; } #productDropDownMenu li a { display:block; margin-bottom:2px; padding-left:12px; text-decoration:none; color:#000; font-size: 11px; overflow:hidden; height:auto} #productDropDownMenu li a:hover {background-color:#ec0202; color:#fff;} /* Style for pop up div */ #Layer1 { position: absolute; visibility: hidden; width: 400px; height: 250px; left: 20px; top: 5px; background-color: #ccc; border: 1px solid #000; padding: 10px; z-index: 10000; } #close { float: right; } /* CREATE ENQUIRY PAGE */ .attributePanel { overflow: hidden; border: 1px solid #C3C3C3;margin-bottom: 19px; background-color:#FFFFFF;} .attributePanel .field {float:left; line-height:24px; width:auto;} .attributePanel .label { font-weight: bold;}.loadBarMinLine {margin:0 auto; border-left:1px solid #cdcdcd; width:1px; background-color:#6d6d6d; height:26px} #loadBar {background-image:url(../images/redHeaderForMain.gif); background-repeat:repeat-x; height:18px; float:left} .loadBarMin {position:absolute; text-align:center; float:none; left:0; top:-4px; width:100px} .loadBarMin p {font-size:9px; text-align:center; margin-top:8px; margin-left:20px;} #loadBarOuter {position:relative; float:left; margin-top: 25px;} #loadBarOuter div {float:left} #loadBarBox {position:relative; float:left; border:1px solid #4d4d4d; background-image:url(../images/Products/sliderBg.gif); background-repeat:repeat-x;} #autofill {float:left; width:90px; margin-top:10px; margin-left:10px} .boxSpacer{height: 30px} .greyBoxLeftContainer{float: left; width: 400px; height: 22px; margin: 14px 0px 25px 19px} .greyBoxRightContainer{float: right; height: 28px; margin: 22px 19px 24px 0px} .leadTimeText{float: left; line-height: 22px; padding:0} .addInput{font-size: 11px; color: #333333; display:block; border: solid 1px #CECECE; margin-top:4px; padding:0} .orderImage{float: left; border: solid 1px #CECECE; width: 80px; height: 80px; text-align: center; vertical-align: middle} .orderInfoText{height: 17px; line-height: 17px} .orderProductRight{float:right; margin-left: 15px; text-align: left;} /* CHECKOUT */ .repeatBox{border-bottom:solid 1px #D2D2D2; margin:0px; padding:0px; overflow:hidden;} .repeatName{width:39%; overflow:hidden} .repeatData{width:20%; overflow:hidden; text-align:right} .noItemsText{line-height:20px} .checkoutLable{height:24px; line-height:24px; width:150px; font-weight:bold} .checkoutField{height:24px; line-height:24px} .checkoutLableRow{height:20px; line-height:20px; font-weight:bold} .checkoutFieldRow{height:20px; line-height:20px;} .checkoutSumFieldRow{height:20px; line-height:20px; width:100px; text-align:right} .checkoutSumLabelRow{height:20px; line-height:20px; text-align:right} /*PRODUCT LIST */ #offerHeader { width:714px; height:32px; background-image: url(../images/UserControls/ProductList/headerBg.png); background-repeat: repeat-x; margin-bottom:16px; border-left: solid 1px #eaeaea; border-right: solid 1px #eaeaea;} #offerHeader .leftTitle{ float:left; } #offerHeader .leftTitle h2{ font-size:12px; line-height:30px; padding-left:10px; margin:0; color:#ec0202 } #offerHeader .rightTitle h3 { font-size:9px; float:right; line-height:30px; color:#000; margin:0; padding-right:10px;} .nameColumn {padding-left:5px; text-align:left;} .offerColumn {text-align:left;} .imageColumn {padding-left:5px; padding-right:3px; text-align:left;} .titleBoldLeft {font-size:9px; margin-top:0px;padding-top:0px; line-height:12px; font-weight:bold; color:#999999; padding-right:10px;} /*RIGHT HAND SUMMARY*/ .priceSummaryValue{text-align:right; margin-left:10px; padding:4px 0px 4px 10px; font-weight:bold; color:#ec0202;} .priceSummaryTitle{text-align:left; padding:4px 10px 4px 0px;} .priceSummary {overflow: hidden; border-top: 1px dotted #d5d5d5; border-bottom: 1px dotted #d5d5d5; padding:10px 0px; margin-bottom:10px } #sliderRange .warning{ width: 200px; padding: 20px 0px; overflow: hidden;} #sliderRange .warning .image{float: left;} #sliderRange .warning .warningTitle{float: left;margin-left: 6px;color: #ec0202;font-weight: bold;font-size: 12px;width: 170px;} #sliderRange .warning .warningContent{color: #666666;padding-top: 4px;} #sliderRange .title{line-height: 30px;font-weight: bold;color: #000;} #sliderRange .sliderContainer{padding-bottom: 40px; border-bottom: dotted 1px #d5d5d5;} #sliderRange .deliveryContainer{margin-top: 10px; padding-bottom: 20px; border-bottom: dotted 1px #d5d5d5;} #sliderRange .referenceContainer{padding-top: 10px;padding-bottom: 35px;} #sliderRange .recurrenceContainer{padding-top: 10px;padding-bottom: 35px;} #sliderRange .label{color: #666;float: left;margin-bottom: 8px;} #sliderRange .labelData{float: left;font-weight: bold;color: #000000;} #sliderRange .field{float: left;line-height: 24px;width: auto;} #sliderRange .inputText{ width: 180px; border: 1px solid #d5d5d5;margin-bottom: 8px;height: 20px;} .mTS {margin-top: 5px;} #orderUpdateContainer{overflow:hidden} #orderUpdateContainer .leftPanelWrapper{float: left;width: 734px;margin-right: 18px;} #orderUpdateContainer .rightPanelWrapper{float: left;width: 230px;overflow: hidden;} #orderUpdateContainer .rightPanelWrapper .top{background-image: url(/images/customcontrols/curve-box-top.jpg);background-repeat: no-repeat;height: 10px;} #orderUpdateContainer .rightPanelWrapper .middle{ border-left: solid 1px #D5D5D5; border-right: solid 1px #D2D2D2; overflow: hidden;} #orderUpdateContainer .rightPanelWrapper .bottom{background-image: url(/images/customcontrols/curve-box-bottom.jpg); background-repeat: no-repeat; height: 10px;} #orderUpdateContainer .rightPanelWrapper .inner {padding: 5px 15px; overflow: hidden;} .unitLabel{float:left;padding: 4px;display: block;} /*ORDER DETAILS -- BELOW THE ORDER TIMELINE*/ .orderDetailsLabel{width:150px; float:left; padding:5px 0 0 5px; margin:0px; } .orderDetailsData {float:left;} #orderDetailsHeaderTable th {background:#d7d7d7 none repeat scroll 0 0;border-bottom:1px solid #c7c7c7; border-top:4px solid #c3c3c3; padding:6px; text-align:left; } #orderDetailsMainTable{background:#f5f5f5 none repeat scroll 0 0;} #orderDetailsMainTable .row {border-bottom:1px solid #ffffff; padding:4px 0px 4px 6px } #orderDetailsMainTable .altRow {border-bottom:1px solid #ffffff; padding:4px 0px 0px 6px } #orderDetailsMainTable .detailRow {border-bottom:1px solid #ffffff;} .offerHeaderIcon{float: left; margin: 0px 0px 0px 4px} .offerHeaderText{float: left;} /* REGISTRATION */ .addressListBox{width:440px; height:150px; overflow:auto; border:solid 1px #AEAEAE;} .sectorsListBox{width:248px; height:98px; border:solid 1px #AEAEAE; overflow:auto} .sectorListRow{height:22px; line-height:22px} .sectorListTickbox{width:22px; margin-top:2px} /*CUSTOMER'S ADDRESS*/ #customerAddContainer { width:180px; overflow:hidden;} /*this div needs to be in the left panel */ #customerAddContainer p { margin:0px 6px 10px 15px; border-bottom:solid #e0e0e0 1px; width:180px; padding-bottom:15px; font-size:11px; line-height:1.5} #customerAddContainer h4 {padding:0px 6px 4px 15px; margin:0; color:#ec0202; font-size:12px;} div, td, body {font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration:none} a {text-decoration:none} .clear {clear:both;margin:0;padding:0; height:0px} select {font-family:Arial, helvetica, Sans-Serif; font-size:11px} /* elements */ body{margin: 0px;} .fl{float: left} .fr{float: right} .pointer{cursor:pointer} .mRM{margin-right:10px} .mRL{margin-right:20px} .mLS{margin-left:5px} .mLM{margin-left:10px; } .mLL{margin-left:20px} .mB15{margin-bottom:15px} .mB10{margin-bottom:10px} .mB5{margin-bottom:5px} .mT10{margin-top:10px} .mT20{margin-top:20px} /* text styles */ .textSmallRed{color:#EC0202;} .textSmallRedBold{ color: #EC0202; font-weight: bold;} .textMediumRed{font-size: 12px; color: #EC0202;} .textMediumRedBold{font-size: 12px; color: #EC0202; font-weight: bold;} .textLargeRed{font-size: 16px; color: #EC0202;} .textLargeRedBold{font-size: 16px; color: #EC0202; font-weight: bold;} .textSmallMidGrey{font-size: 11px; color: #333333;} .textSmallMidGreyBold{font-size: 11px; color: #333333; font-weight: bold;} .textSmallGrey{font-size: 11px; color: #000000;} .textSmallGreyBold{font-size: 11px; color: #000000; font-weight: bold;} .textLargeGrey{font-size: 16px; color: #000000;} .textLargeGreyBold{font-size: 16px; color: #000000; font-weight: bold;} .textSmallLightGrey{font-size: 11px; color: #666666;} .textSmallLightGreyBold{font-size: 11px; color: #666666; font-weight: bold} .textMenuItemWhite{font-size: 11px; color: #FFFFFF; font-weight: bold;} .textNormalGrey{color: #C3C3C3; font-size: 16px;} .textNormalWhite{color: #FFFFFF; font-size: 16px;} .textMediumWhiteBold {color:#ffffff; font-weight:bold; font-size:12px} .textbox {border: solid 1px #aeaeae; padding:2px} .textboxGrey {border: solid 1px #aeaeae; color:#a5a5a5; padding:2px 2px 0 2px} textarea {border: solid 1px #aeaeae; font-size: 11px; font-family: Arial, Helvetica, sans-serif;} .emarketRed, a.emarketRed, emarketRed a {color:#EC0202} .linkBlue, a.linkBlue, linkBlue a {color:#0152A0} .Right{float:right } /* HINTBOX */ .hintBoxWrapper{width:199px; position:absolute; z-index:20} .hintBoxTop{background-image:url(../images/offers/hint-box-top.png); background-repeat:no-repeat;} .hintBoxTopInner{margin:0px 0 0 26px; width:157px; padding-top:10px;} .hintBoxMid{background-image:url(../images/offers/hint-box-mid.png); background-repeat:repeat-y;} .hintBoxMidInner{margin:0px 0 0 26px; width:157px; padding-top:10px; } .hintBoxMessage{margin:0px 0 0 26px; width:157px; background-color:green} .hintBoxBot{height:16px; background-image:url(../images/offers/hint-box-bot.png); background-repeat:no-repeat;} /* FORMS */ .field {float:left; width:200px} .field .label {font-weight:bold} .field .control {text-align:left} .button {margin-top:30px; text-align:center} label {line-height:20px} input {padding:0; margin:0; font-size:11px} /* RED HEADED BOXES */ .boxHeader{width: 100%; height: 29px; line-height: 29px; background:url(../images/offers/red-background.jpg); background-repeat: repeat-x} .boxHeaderLeft{width: 14px; height: 29px; float: left; background:url(../images/offers/left-curve.jpg); background-repeat:no-repeat;} .boxHeaderRight{width: 14px; height: 29px; float: right; background:url(../images/offers/right-curve.jpg); background-repeat:no-repeat} .additionalInfoLabel{width: 150px} .boxHead{width:100%; height:25px; line-height:25px; background:url(../images/templateItems/red-bar-center.jpg); background-repeat: repeat-x} .boxHeadLeft{width:43px; height:25px; background:url(../images/templateItems/red-bar-left.jpg); background-repeat:no-repeat;} .boxHeadRight{width:15px; height:25px; background:url(../images/templateItems/red-bar-right.jpg); background-repeat:no-repeat} .offerHeadIcon{margin-left:10px} /* USED BY A NUMBER OF PAGES */ .offerBorder{border-left:solid 1px #AEAEAE; border-right:solid 1px #AEAEAE;border-bottom:solid 1px #AEAEAE;} .offerBoxInner{padding:20px 25px 20px 25px; overflow:hidden} .offerTitle{height:22px; line-height:22px; padding-left:3px; border:solid 1px #C3C3C3; background:url(../images/templateItems/title-bar-default.jpg); background-repeat: repeat-x; cursor:pointer; margin:2px 0} .offerBody{Height:360px; overflow:auto; position:relative} .OfferSubTitle{margin:20px 0} .offerBodyInner{margin:3px; position:relative} .OfferWrapperRow{margin:10px 0px; border-bottom:solid 1px #D2D2D2; padding-bottom:10px; overflow:hidden} .OfferWrapperRowVisible{margin:10px 0px; border-bottom:solid 1px #D2D2D2; padding-bottom:10px; overflow:visible} .OfferWrapperRowInner{margin:5px 0 px; overflow:hidden} .questionMark{float: left; margin:0 0 0 10px; cursor:pointer} .autoSuggestBox{width:200px; height:140px; overflow:auto; border:solid 1px #C3C3C3;} .autoSuggestionText{cursor:pointer; line-height:20px; color:#000000} .autoSuggestionText:hover {background-color:#EC0202; color:#ffffff} .offerOtherBox{margin-top:2px} .titleRow{height:24px; line-height:24px; width:230px; font-weight:bold} .labelRow{height:24px; line-height:24px;} .fieldRow{} .valText{color:#EC0202; line-height:16px;} .panelVer{margin-left:230px;} .extraInfoPanel{margin-top:5px} .restrictRight{width:246px; height:100px; padding-top: 5px; overflow:auto; border:solid 1px #AEAEAE; line-height:normal;} .SummaryPanelTitle{font-weight:bold; height:20px; line-height:20px; color:#c3c3c3} .OfferSummaryPanel{margin-bottom:10px} .offerBackground{margin-bottom:20px} /* RIGHT HAND BAR SUMMARY LINES */ .sumRow{line-height:20px; border-bottom:solid 1px #f5f5f5; overflow:hidden} .sumRowTitle{text-align:left; margin-left:5px; float:left} .sumRowText{text-align:right; float:right} .sumRow .title{text-align:left; margin:0 5px; float:left; font-weight:bold} .sumRow .text{text-align:right; float:right} .sumRowOff {color:#c3c3c3} /* BUTTONS */ a.greyBtn {background-image:url(../images/buttons/greyBtn.gif); background-repeat:repeat-x; font-size:10px; display:block; line-height:20px; padding:0 20px; height:20px; text-align:center; border:1px solid #c3c3c3; font-weight:bold; color:#000;} a.greyButton {background-image:url(../images/customcontrols/button-back-grey.gif); background-repeat:repeat-x; font-size:10px; display:block; line-height:22px; padding:0 20px; height:22px; text-align:center; border:1px solid #c3c3c3; font-weight:bold; color:#000;} a.redBtn {height:22px; background-image:url(../images/customcontrols/page-nav-button-back.jpg); background-repeat:repeat-x; border:solid 1px #cc0000; display:block; line-height:22px; padding:0 20px; height:22px; text-align:center; color:#ffffff; font-weight:bold} a.dGreyBtn {background-image:url(../images/buttons/dgreyBtn.gif); background-repeat:repeat-x; font-size:10px; display:block; line-height:20px; padding:0 20px; height:20px; text-align:center; border:1px solid #232323; color:#ffffff; font-weight:bold} .lRedBtnWrapper{border:1px solid #A00101; background-image:url(../images/buttons/large-but-red.jpg); background-repeat:repeat-x; height:26px} a.lRedBut{padding-left:8px; line-height:26px; height:26px; color:#ffffff; font-weight:bold; display:block} .lGreyBtnWrapper{border:1px solid #999999; background-image:url(../images/buttons/large-but-grey.jpg); background-repeat:repeat-x; height:26px} a.lGreyBut{padding-left:8px; line-height:26px; height:26px; color:#999999; font-weight:bold} .lBtnGreyInner{background-image:url(../images/buttons/large-btn-arrow-grey.jpg); background-repeat:no-repeat; background-position:right; width:100%;} .lBtnRedInner{background-image:url(../images/buttons/large-btn-arrow-red.jpg); background-repeat:no-repeat; background-position:right top; padding-right:15px;} /* OLD ADVANCE SEARCH BUTTON .advSearchBtnWrapper{border:1px solid #A00101; background-image:url(../images/buttons/buttonRedAdvSearchBg.gif); background-repeat:repeat-x; float:left; height:21px; margin:14px 0px 0px 150px;} */ /* ADVANCE SEARCH BUTTON */ .advSearchButton {background-image:url(../Images/UserControls/Button/advSearchBack.png); background-repeat:repeat-x; text-align:left; height:24px; white-space:nowrap; margin:10px 10px 0px 0px; float:right;} .advSearchButton .left {background-image:url(../Images/UserControls/Button/advSearchLeft.png); background-position:left; background-repeat:no-repeat; height:24px; white-space:nowrap; margin-left:-10px;} .advSearchButton .right {background-image:url(../Images/UserControls/Button/advSearchRight.png); background-position:right; background-repeat:no-repeat; height:24px; white-space:nowrap; margin-right:-10px;} a.advSearchButton, .advSearchButton a {display:block; line-height:24px; font-weight:bold; padding:0 40px 0 20px;} .imgPopUpBtnWrapper{border:1px solid #A00101; background-image:url(../images/buttons/buttonRedAdvSearchBg.gif); background-repeat:repeat-x; float:left; height:21px; margin:0px 0px 0px 5px; margin-right:-10px;} .imgPopUpBtnWrapper a{color:#fff; padding: 4px 10px 0px 10px; display:block; font-weight:bold;} .advSearchBtnWrapper a{color:#fff; padding: 4px 5px 0px 10px; display:block; font-weight:bold;} /*PAGE NAVIGATION*/ .pagenumbers {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; padding-left:0px; line-height:26px; float:left; color:#000000} /* width:95px; */ .numberlink {float:left; color:#333333; line-height:26px;} .numberlink a {color:#333333; text-decoration:none; line-height:26px; margin:0px; padding:0px; float:left; margin-left:3px;} .numberlink div{ float:left; width:2px; margin-left:2px; line-height:26px; } .leftNav { height:28px;float:left;background-image:url(../images/UserControls/PageNavigator/pageNavLeft.gif)} .navContent{width:9px; height:36px; padding-top: 12px; float:right; padding-right:20px;}/* background-image:url(../images/UserControls/PageNavigator/pageNavBack.gif); */ .rightNav {height:28px;float:right;background-image:url(../images/UserControls/PageNavigator/pageNavRight.gif)} .dividor{color: #c3c3c3; line-height: 26px;} .numberlink a:hover {color:#EC0202} .numberlink a:active {color:#EC0202} .rightArrrow {float:right; margin:5px 0px 0px 0px; } .leftArrrow {float:left; margin:5px 10px 0px 0px; } /*CONTACT PAGE*/ #contactContainer { font-family:Arial,Helvetica,sans-serif;text-decoration:none;overflow:hidden} #contactLeft { float:left; } #contactLeft .head {color:#ec0202; font-size:16px; font-weight:bold; margin-bottom:20px; margin-left:20px;} #contactLeft .contentHead {background-image:url(../images/customcontrols/greyCurveTop.png); background-repeat:no-repeat; height:14px; width:210px;} #contactLeft .contentMid { width:207px; background-color:#f5f5f5; border-left:solid 1px #c3c3c3; border-right:solid 1px #c3c3c3; overflow:hidden; padding-top:6px} #contactLeft .contentMid p { margin:0px 15px 10px 15px; font-size:12px; border-bottom:solid #e0e0e0 1px; padding-bottom:15px; line-height:1.1em; font-size:11px; line-height:1.3} #contactLeft .contentMid h4 {padding:0px 6px 4px 15px; margin:0; color:#ec0202; font-size:12px;} #contactLeft .contentMid h5 {padding:0px 6px 6px 15px; margin:0; font-size:13px;} #contactLeft .contentMid .emailList { line-height:1.7; margin:0px 6px 10px 15px; font-size:11px; } #contactLeft .contentMid .emailList a {color:#ec0202; text-decoration:none;} #contactLeft .contentMid .emailList span { display:block; width: 80px; float:left} #contactLeft .contentBottom {background-image: url(../images/customcontrols/greyCurveBottom.png); background-repeat:no-repeat; height:14px; width:210px;} #contactMiddle {margin:0; overflow:hidden; margin:0 30px } #contactMiddle h1 {color:#ec0202; font-size:18px; font-weight:bold; padding-bottom:15px; margin:0px;} #contactMiddle h3 {font-size:12px; font-weight:bold; margin:0; text-align:left;} #contactMiddle h4 {font-size:11px; font-weight:normal; margin:10px 0px 30px 0px; text-align:left;} #contactMiddleForm { overflow:hidden;} #contactMiddleForm label {width:130px;margin-right:10px; color:#ec0202; display:block; float:left; font-size:11px;} #contactMiddleForm .formRow .err{margin-left:141px; margin-top:-1;} #contactMiddleForm .formRow {margin-bottom:.4em; padding:0; } #contactMiddleForm .formRow input, #contactMiddleForm .formRow select {width:300px; height:19px; border:1px solid #bebebe ; padding:1px; color:#333; } #contactMiddleForm .formRow textarea {width:330px; border:1px solid #bebebe ; padding:1px; color:#333;} #contactMiddleForm .buttonRow {margin:6px 2px 0px 0px; padding:0; float:right; width:140px; } #contactRight {overflow:hidden;} #contactRight h4 { margin:0; padding: 2px 2px 10px 0; text-align:right; font-size:11px;} #contactRight img {border: solid 1px #c3c3c3;} #contactRight h5 {padding:0px 6px 6px 0px; margin:0; font-size:13px;} #contactRight .emailList { line-height:1.7; margin:0px 6px 10px 0px; font-size:11px; } #contactRight .emailList a {color:#ec0202; text-decoration:none;} #contactRight .emailList span { display:block; margin-right:3px; float:left} #contactFooter {text-align:center; padding-top:106px; margin-left:30px; line-height:1.7; } .optional{color:#000000;} .sectorsOfInterest label {margin-left:7px} /*BETA*/ #betaMessage {width:750px; font-size:11px; float:left;} #betaMessage .announcement {line-height:25px;} #betaMessage p {line-height:1.5em; text-align:justify; font-size:11px; background-color:#f5f5f5;margin:0px; padding:15px; border-bottom: 1px solid #c3c3c3; border-top: 1px solid #c3c3c3} #betaMessage h2 {margin:0; line-height:30px; font-size:16px; color:#ec0202;} #betaMessage .title {font-weight:bold; font-size:14px; color:#666; margin-bottom:5px; margin-top:25px} #betaMessage a {color:#ec0202; font-weight:bold; cursor:pointer;} /*#betaMessageRight {margin-top:10px; margin-bottom:10px; } #betaMessageRight img {border:1px solid #c3c3c3; }*/ #betaMessageRight {float:right; width:225px; margin-left:15px; text-align:center;} /*EVENTS*/ #eventsContainer {overflow:hidden; float:left;} #eventsContainer .events {overflow:hidden; border-bottom: 1px solid #c3c3c3; padding-bottom:10px; margin-bottom:20px;} #eventsContainer .events h2 a { font-size:16px; color:#ec0202; margin:0px 0px 8px 0; padding:5px 0px ;} #eventsContainer .events .content {float:left; line-height:1.5em; text-align:justify; font-size:11px; margin-right:25px; width:510px; margin-bottom:0px;} #eventsContainer .events .content h2 { font-size:16px; color:#ec0202; margin:0px 0px 8px 0; padding:0px 0 5px 0px ;} #eventsContainer .events .content p { border-bottom:none} #eventsContainer .events .image {float:right; text-align:center; width:225px;} #eventsContainer .events .image img {text-align:center; } #eventsContainer .events .content .readDetails a {color:red; font-weight:bold; font-size:11px;} /*PRESS*/ #pressContainer {overflow:hidden; float:left;} #pressContainer .press {overflow:hidden; border-bottom: 1px solid #c3c3c3; padding-bottom:10px; margin-bottom:20px;} #pressContainer .press .content {float:left; line-height:1.5em; text-align:justify; font-size:11px; width:630px; padding-left:15px; height:136px; overflow:hidden;} #pressContainer .press .contentNoImg {float:left; line-height:1.5em; text-align:justify; font-size:11px; margin-right:10px; width:470px;} #pressContainer .press .contentNoImg h2 { font-size:16px; color:#ec0202; margin:0px 0px 8px 0; padding:5px 0px ;} #pressContainer .press .content .sourceHeading {float:right; line-height:1.5em; text-align:justify; font-size:12px; margin:0px 0px 8px 0; width:470px; color:#ec0202;} #pressContainer .press .content .main {text-align:justify; height:75px; overflow:hidden;} #pressContainer .press .content .details {color:#ec0202; font-weight:bold; font-size:11px; } #pressContainer .press .content .details a {color:#ec0202; font-weight:bold; font-size:11px; } #pressContainer .press .content h2 { font-size:16px; color:#ec0202; margin:0px 0px 6px 0; padding:5px 0px ;} #pressContainer .press .content h2 a { font-size:16px; color:#ec0202; } #pressContainer .press .content h3 { font-size:11px; color:#ec0202; margin:0px; padding:0px 0px 5px 0px; font-weight:normal; line-height:0.9em;} #pressContainer .press .image {float:left; border:5px solid #ececec; } #pressContainer .press .imageThumb {float:left; width:272px; } #pressContainer .press .imageThumb img {border:1px solid #c3c3c3; } #pressContainer .press .imageArticle { width:272px; } #pressContainer .press .presswrapper { border-bottom: 1px solid #c3c3c3; } #pressContainer .pressArticle .image img {border:1px solid #c3c3c3; } #pressContainer .pressArticle .content {float:left; line-height:1.5em; text-align:justify; font-size:11px; margin-right:10px; width:470px;} #pressContainer .pressArticle .content h2 { font-size:16px; color:#ec0202; margin:0px 0px 8px 0; padding:5px 0px ;} #pressContainer .pressArticle .content .sourceHeading {float:right; line-height:1.5em; text-align:justify; font-size:12px; margin:0px 0px 8px 0; width:470px; color:#ec0202;} #pressContainer .imageArticle {margin:10px 10px 10px 10px;} #pressContainer .readArticle {color:red; font-weight:bold;} #pressContainer .readArticle a {color:red; font-weight:bold;} #pressContainer .press a {color:#ec0202; } /*FULL CONTAINER - without master left center and right */ #fullContainer {font-family: Arial, Helvetica, sans-serif; text-decoration:none; width:993px;} #fullContainer h1 {color:#ec0202; font-size:16px; font-weight:bold; padding-bottom:20px; margin:0px 0px 0px 20px;} #fullLeft{float:left; width:210px; margin:0px; font-size:12px; color:#000000; display:inline;} #fullLeft h1 {color:#ec0202; font-size:16px; font-weight:bold; padding-bottom:20px; margin:0px 0px 0px 20px;} #content-container{margin:0px; overflow:hidden; } #content-container h1 {color:#ec0202; font-size:18px; font-weight:bold; padding-bottom:15px; margin:0px;} #content-container h2 { font-size:16px; color:#ec0202; margin:0; } #content-container .content {line-height:1.5em; text-align:justify; font-size:11px; margin-bottom:30px; } #content-container .content p { border-bottom:1px #c3c3c3 solid} #content-container .content p a {color:#ec0202; font-weight:bold; font-size:11px;} #content-container .content ul {margin:0px; padding-left:10px;} #content-container .content ul li {text-decoration:none; display:block; line-height:20px; margin:0px;} #content-container .rightPanel {float:right; width:225px; margin-top:29px; margin-right:15px; text-align:center;} #content-container .rightPanel img {text-align:center;} #fullRight {float:right; width:210px; text-align:center;} #fullRight img {text-align:center; border:0;} .careersImg {margin:0 15px 15px 0} /*HOW IT WORKS */ #howWorksContainer {overflow:hidden; padding-left:20px;} #howWorksContainer h1 {color:#ec0202; font-size:18px; font-weight:bold; padding-bottom:15px;} #howWorksContainer .how {overflow:hidden; border-bottom: 1px dotted #666; padding-bottom:10px; margin-bottom:10px;} #howWorksContainer .how .content {float:left; line-height:1.5em; text-align:justify; font-size:11px; margin-right:10px; width:570px; margin-bottom:10px;} #howWorksContainer .how .content h2 { font-size:16px; color:#ec0202; margin:22px 0px 8px 0; padding:0px 0 5px 0px ;} #howWorksContainer .how .sprite-howWorks1, .sprite-howWorks2, .sprite-howWorks3,.sprite-howWorks4,.sprite-howWorks5,.sprite-howWorks6{ background-image: url('../Images/General/sprite-how-works.gif'); float:left; text-align:center; padding-right:5px; width: 140px; height: 92px;} #howWorksContainer .how .sprite-howWorks1 { background-position: 0 0; } #howWorksContainer .how .sprite-howWorks2 { background-position: 0 -112px; } #howWorksContainer .how .sprite-howWorks3 { background-position: 0 -224px; } #howWorksContainer .how .sprite-howWorks4 { background-position: 0 -336px; } #howWorksContainer .how .sprite-howWorks5 { background-position: 0 -448px; } #howWorksContainer .how .sprite-howWorks6 { background-position: 0 -560px; } /*REGISTER NOW BUTTON */ .registerNow {background-image:url(../Images/UserControls/RegisterButton/registerButtonBig.png); background-repeat:no-repeat; width:210px; height:45px; margin-top:20px; } .registerNow a { font-size:16px; color:#fff; display:block; font-weight:bold; padding-left:20px; padding-top:14px;} /* HINT FOR GENERAL PAGES */ .hint {float:left; margin:6px 0 0 10px; cursor:pointer; background-image:url(../Images/General/hint.png); background-repeat:no-repeat; width:18px; height:18px} /*GENERAL PAGE*/ #termsAgree input {margin-right:10px} .articleImage {float:left; padding:0px 20px 5px 0px; } /* Used in the press / media details page */ .articleImage img {border: 1px #c3c3c3 solid; padding:3px; } #content-container .content .articleImage p {margin:0; padding:4px; text-align:center; border-bottom:none;} /* used so that fullmiddle p doesn't over ride */ .articleContent {} /* DEFAULT PAGE */ #keyBenefits {overflow:hidden; width:480px; margin-top: 20px; margin-left:33px; color:#000;} #keyBenefits .buyers {float:left; width:231px; padding-right:8px;} #keyBenefits .buyers h2 { color:#ec0202; font-size:12px;} #keyBenefits .buyers h3 { color:#000; font-size:11px; margin:0; padding:5px 0px } #keyBenefits .sellers {float:left; width:231px; padding-left:8px;} #keyBenefits .sellers h2 { color:#ec0202; font-size:12px;} #keyBenefits .sellers h3 { color:#000; font-size:11px; margin:0; padding:5px 0px } /*LEFT BANNER */ .leftBanner {width:178px; min-height:435px; line-height:1.1} .leftBanner .top { font-size:22px; color:#ec0202; padding:115px 0px 12px 5px;font-weight:bold;} .leftBanner .middle { font-size:13px; padding:5px 0px 0px 5px; line-height:1.3} .leftBanner .bottom { height:222px; background-image:url(../Images/General/leftBannerBottom.jpg); background-repeat:no-repeat;} /*RIGHT BANNER */ .rightBanner {width:210px; line-height:1.1; float:right;} .rightBanner .topSection { font-size:22px; color:#ec0202; padding-bottom:12px; font-weight:bold;} .rightBanner .middleSection { font-size:13px; padding-bottom:5px; line-height:1.3} .rightBanner .bottomSection { height:272px; background-image:url(../Images/General/rightBannerBottom.jpg); background-repeat:no-repeat; } /* MEDIA AND PRESS DETAILS */ .articleContainer {overflow:hidden; color:#000;} .articleImage {float:left; padding-right:20px;} .articleImage img {border: 1px solid #636363} .articleImage p {margin:0; text-align:center; padding-top:6px;} .articleImage p a{color:#ec0202; text-decoration:none; font-weight:bold} .articleContent { line-height:1.7} .articleContent p {margin:0; padding: 6px 0px;} .articleContent h2 {color:#EC0202; font-size:16px; margin:0; padding:6px 0px} .articleContent h3 {color:#666; font-size:11px; margin:0;} .articleContent ul {font-weight:bold;} .articleContent ul li { list-style-type:circle; margin-left:13px; font-weight:normal;} /*ERROR AND TIP MESSAGE*/ .errorMsg {background-color:#e7e7e7; padding:6px;border:4px solid #eee; text-align:center; font-weight:bold;} .tipMsg { background-image:url(../Images/tipMsgBg.png); background-repeat:no-repeat; height:64px; margin-bottom:20px; width:735px; } .tipMsg .msg{ margin-left:44px; padding:12px 20px 0px 0px; } .tipMsgSmall { background-image:url(../Images/tipMsgBgSmall.png); background-repeat:no-repeat; height:52px; margin-bottom:20px; width:540px; } .tipMsgSmall .msg{ margin-left:44px; padding:12px 18px 0px 0px; } .fadeElem{height:20px;display:block;position:relative;border:0px #CCC solid;padding:10px 10px;} /*ERROR PAGES */ #errorContainer {margin: 0 auto; width:975px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration:none; line-height:1.7; } #errorMsgMain{border:1px solid #F5F5F5; padding:10px; width:975px;} #errorMsgInner {margin: 0 auto; background-color:#e7e7e7;padding:10px 0px; } #errorMsgInner a {color:#ec0202; font-weight:bold; text-decoration:none; } #errorMsgInner .title {border-bottom:2px solid #c3c3c3;} #errorMsgInner .title h2 {color:#4B4742; font-size:16px; padding:20px; text-transform:uppercase;} #errorMsgInner .errorReason { overflow:hidden; padding-bottom:20px;} #errorMsgInner .errorReason h3 {color:#4B4742; font-size:12px; padding:20px 20px 10px 20px; line-height:1.7; margin:0px} #errorMsgInner .errorReason p {padding-left:20px; line-height:1.7; margin:0px} #errorMsgInner .errorSuggestion { overflow:hidden; padding-bottom:20px;} #errorMsgInner .errorSuggestion p { overflow:hidden; margin:0; padding:0px 20px 20px 20px;} #errorMsgInner .errorSuggestion h3 {color:#4B4742; font-size:12px; padding:20px 20px 10px 20px; line-height:1.5; margin:0px} #footer {overflow:hidden; margin:0 auto; width:970px; } #footer .footerNav { text-align:center; margin-top:20px} #footer .footerNav a {text-align:center; display:inline; padding:0px 6px; color:#ec0202; text-decoration:none;} #footer .footerCopyRight { text-align:center; margin-top:10px} .hr {display: block; position: relative; padding: 0; margin: 8px auto; height: 0; max-height: 0; width: 100%; clear: both; border: none; border-top: 1px solid #AAA; border-bottom: 1px solid #FFF; font-size: 1px; line-height: 0;} /* CAN'T FIND - USED FOR ENQUIRY SEARCH RESULT AND SEARCH RESULTS */ #cannotFind {width:auto; border:1px solid #d2d2d2; padding:10px; margin-bottom:20px; background-color:#efefef;} #cannotFind h2 {color:#ec0202; padding-bottom:10px; border-bottom:dotted 1px #d2d2d2; margin:0; text-align:center; font-size:14px;} #cannotFind .content {margin-top:10px;overflow:hidden; color:#666666;} #cannotFind .button {width:auto; margin-left:25px}div, td, body {font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration:none} ol, ul, li { list-style:none; } #pageShroud {position:fixed; display:none; top:0; left:0; right:0; bottom:0; z-index:2000} #pageShroud .pageShroudBack {filter: alpha(opacity=85); /* ie */-moz-opacity: .85; /* mozilla */background-image:url(../Images/Master/blackOut.gif); display:block; opacity:.85; position:absolute; top:0; left:0; right:0; bottom:0; z-index:1;} #pageShroud .pageShroudInner {position:absolute; top:0; left:0; right:0; bottom:0; z-index:2; text-align:center} #pageShroudIFrame {z-index:3000;position:absolute; top:0; left:0; height:1000px;} #pageShroudIFrameAnimation {margin:400px auto 0 auto; width:134px} #videoLayer {z-index:3000; position:absolute; left:0; right:0; top:75px} .notTransparent {filter:alpha(opacity=100); -moz-opacity:1; opacity:1} .red {color:#D90028} .redBold {color:#D90028; font-weight:bold;} .textSmallRed{color:#EC0202;} .textSmallLightGrey{font-size: 11px; color: #666666;} .textSmallGrey{font-size: 11px; color: #000000;} .blueLink a {color:#2369AD;} .textRed16{font-family:Arial; font-size:16px;color:#D90028 } .bodyTitle{font-size: 17px; color: #EC0202; font-weight: bold;} .login{float:right;line-height:29px; text-align:right; vertical-align:middle; margin-left: 10px;} .login div{float:left;} .welcomeMessage {font-size:16px; float:right; line-height:29px; text-align:right} #headerContainer {position:relative;} .headerLogo{float:left;} .headerWrapper{z-index:501; position:absolute; width:997px; top:0;} .headerSeparator{border-left:1px solid #c3c3c3; width:1px; height:17px; float:right; margin:7px 10px} /*.controlBar{height: 28px; width: 100%; min-width: 800px; background-color: #333333; margin: 0px; padding: 0px;}*/ .controlBar{height: 20px; width: 997px; min-width: 800px; background-color: #333333; margin: 0px; padding-top:3px; padding-bottom: 3px;} /* MAIN MENU */ .mainMenu {position:absolute; top:177px; left:3px;} /* MAIN MENU - SECTORS */ .mainMenuSectorList {margin:0px; margin:auto; margin-left:0px; padding-left:0px;} .mainMenuSectorList ul { margin:auto; margin-left:0; padding-left:0px; } .mainMenuSectorList li {line-height: 28px; list-style:none; background-color: #ffffff; padding: 0px; width: 210px; height:28px; border-bottom: solid 1px #D7D7D7; border-left: solid 1px #D7D7D7; border-right: solid 1px #D7D7D7; font-size: 11px; color: #333333; font-weight: bold;} .mainMenuSectorList li a {width: 210px; height: 28px; color: #333333; display: block; background-image: url(../images/templateItems/redArrowRt.png); background-position:right; background-repeat: no-repeat; text-decoration:none} .mainMenuSectorList li a:hover {color: #FFFFFF; background-color: #EC0202; background-image: url(../images/templateItems/whiteArrowRt.png); background-position:right; background-repeat: no-repeat} .mainMenuSectorList li span, .mainMenuSectorList li div {margin-left:10px} /*.menuLiBottom{line-height: 28px; list-style:none; margin: 0px; padding: 0px; width: 206px; height:28px; border-bottom: solid 1px #D7D7D7; border-left: solid 1px #D7D7D7; border-right: solid 1px #D7D7D7; font-size: 11px; color: #333333; font-weight: bold;} .menutabBottom{width: 206px; height: 28px; color: #333333; display: block; background-image: url(../images/templateItems/redArrowRt.png); background-position:right; background-repeat: no-repeat;} a.menutabBottom:hover {color: #EC0202; background-color: #F5F5F5; background-image: url(../images/templateItems/menu-background.png); background-repeat: no-repeat; border-right: solid 1px #F5F5F5}*/ /* MAIN MENU - CATEGORY DROPDOWNS */ .mainMenuCategoryList { z-index: 9; position: absolute; margin-left:-2px} .mainMenuCategoryList ul { margin:auto; margin-left:0; padding-left:0px; } .mainMenuCategoryList li {width: 200px; line-height: 28px; list-style:none; margin: 0px 0px 0px 0px; padding: 0px; height:28px; border-left: solid 1px #D7D7D7; border-right: solid 1px #D7D7D7; font-size: 11px; color: #333333; border-top: solid 1px #D7D7D7; } .mainMenuCategoryList li a { margin-top:0px; height: 28px; color: #333333; display: block; background-color: #f5f5f5; text-decoration:none} .mainMenuCategoryList li a:hover { margin: 0px 0px 0px 0px;color: #FFFFFF; background-color: #EC0202; border-right: solid 1px #F5F5F5} .mainMenuCategoryList li span, .mainMenuCategoryList li div {margin-left:15px} /*.subMenuWrapper{width: 172px; z-index: 1; position: absolute; display: none}*/ /* DROPDOWN LISTS AT TOP OF PAGE (CURRENCY & LANGUAGE) */ .headerDropdown {float:right; cursor:pointer; margin-top:6px; z-index:501} .headerDropdown a {padding:0px 7px; display:block; text-decoration:none; color:#000000; line-height:22px} .headerDropdown a:hover {color:#ffffff; background-color:#EC0202} .headerLanguageDropdown{position:relative; top:40px; width:135px; right:47px} /* CURVE BOXES */ .curveBox {background-color:#ffffff; z-index:500; position:absolute; width: 51px; margin-left:50px; margin-top:20px;} .curveBox .curveTL {background-repeat:no-repeat; background-position:top left} .curveBox .curveTR {background-repeat:no-repeat; background-position:top right} .curveBox .curveBL {background-repeat:no-repeat; background-position:bottom left} .curveBox .curveBR {background-repeat:no-repeat; background-position:bottom right} .curveBox .borderL {background-image:url(../images/greyBack.gif); background-repeat:repeat-y; background-position:left} .curveBox .borderR {background-image:url(../images/greyBack.gif); background-repeat:repeat-y; background-position:right} .curveBox .borderT {} .curveBox .borderB {background-image:url(../images/greyBack.gif); background-repeat:repeat-x; background-position:bottom} .curveBox .inner {padding-bottom:15px} /* MESSAGE BOX */ #emktPromptLayer {z-index:4000; position:fixed; left:0; right:0; top:250px} #emktPromptBox {border:2px solid #666666; padding:20px; background-color:#ffffff; width:200px; margin:0 auto} #emktPromptBox h1 {overflow:hidden; font-size:12px} #emktPromptBox .message {overflow:hidden} #emktPromptBox .buttons {text-align:center; padding-top:20px} #emktPromptBox .buttons a {background-color:#D90028; color:#ffffff; padding:5px 10px; margin:6px} #emktPromptBox input {margin:10px 0} /* LANGUAGE SELECTION */ .languageButtons {float:right} .languageButtons div {padding:3px 0; float:left; margin:0 5px} .languageButtons img {height:23px; width:23px} .languageButtons .highlight {background-image:url(../Images/Master/flag_highlight.png); background-repeat:no-repeat} /* MEMBER CENTRE LINKS */ .memberCentreLinks {margin: 0; border: 0;} .memberCentreLinks a {color:#FFFFFF; font-weight:bold; font-size:11px; } .memberCentreLinks a:hover {text-decoration:none} .memberCentreLinks {float:left; display:inline-block; margin-right:4px; } .memberCentreLinks {padding-left:20px; line-height:20px; } .memberCentreLinks .linksMemberCentreSpace{padding-left:35px;} .memberCentreLinks a.disabled {color:#aaaaaa} /* LOADER */ /*.loaderBack{width:148px; height:41px;}*/ .loaderBack{margin-top:-40px;} .loader{margin-top:7px} /*LEFT PANEL */ .linkPanel {float:left;} .linkItem {color:#0152A0; float:left; height:15px; line-height:15px; margin-right:15px;} .link { float:left; color:#0152A0; } .icon{float:left; padding-right:4px;} /*.title {font-weight:bold; font-size:12px; line-height:1.8; margin-top: 3px;}*/ /*this class should not be placed individually*/ .leftPanelCenterText { text-align:center; margin: 0 auto; padding-bottom:4px;} .viewReport {float:right; padding-top:4px;} .sprite-GrocerGoldLeft {background-image: url('../Images/UserControls/sprite-footer.jpg');background-position: 0 0; width: 72px; height: 99px;} .lefttop {background-image:url(../Images/UserControls/sprite-header.png); background-position: 0 -427px; background-repeat: no-repeat; width: 210px; height:10px;} .leftmiddle {border-left:solid 1px #D2D2D2; border-right:solid 1px #D2D2D2;width: 208px;} .leftbottom {background-image:url(../Images/UserControls/sprite-header.png); background-position: 0 -367px; width: 210px; height: 10px; background-repeat: no-repeat;} /*RIGHT PANEL */ .rightPanel {overflow:hidden} .rightPanel .top {background-image:url(../Images/UserControls/sprite-header.png); background-position: 0 -427px; width: 210px; height: 10px; background-repeat: no-repeat;} .rightPanel .topFeature {background-image:url(../Images/UserControls/featuredRedbg.gif);width: 210px; height: 26px; background-repeat: no-repeat;} .rightPanel .topFeature .title {padding-top:5px; padding-left:40px;font-size:12px; color: #FFFFFF; font-weight: bold;} .rightPanel .middle {border-left:solid 1px #D2D2D2; border-right:solid 1px #D2D2D2;} .rightPanel .bottom {background-image:url(../Images/UserControls/sprite-header.png); background-position: 0 -367px; width: 210px; height: 10px; background-repeat: no-repeat;} .rightPanelWrapper{width:210px; float:right} /* WRAPPER ITEMS */ #headerContainer{width:100%; height:124px; margin:0px; padding:0px; overflow: hidden;} .pageOuterContainer{width:100%; position:relative} #pageContainer{width:997px; margin:0 auto} .middleWrapper{margin-top:30px;} .middleWrapper .centerPanelWrapper {float:left; width:760px; display:inline;} .middleWrapperNarrow{margin-top:30px; } .middleWrapperNarrow .centerPanelWrapper {float:left; width:540px; display:inline; /*padding-left:10px;*/ } .centerPanelcontent {float:left;} .leftPanelWrapper{width:210px; float:left; margin-right:10px;} .footerWrapper {margin-top:30px; height:72px; width:100%; border-top:1px solid #eeeeee;} .footerWrapper a {color:#ec0202; font-size:11px;} .footer-sprite div {background-image: url('../Images/UserControls/sprite-footer.jpg');} .footer-sprite .sprite-GrocerGold { background-position: 0 0; width: 72px; height: 99px;} .footer-sprite .sprite-lg-share-en { background-position: 0 -149px; width: 125px; height: 16px;} .footer-sprite .sprite-twitter_button { background-position: 0 -215px; width: 30px; height: 30px;} #centerPanelLeftStockContainer{margin-left: 0px; margin-bottom: 0px; margin-top: 0px; margin-right: 0px; padding: 0px;} #centerPanelLeftStockBackground{float: left; width: 178px; margin: 0px 0px 0px 3px; padding-top: 15px; padding-left: 15px; padding-right: 15px; line-height: 27px; background-color: #F5F5F5; text-align: center;} /* HEADER */ #headerRightContainer{float:right; width:89%} .headerRighConInner{width:100%;} #headerRightWelcomeContainer{padding-top: 50px;} #headerRightWelcome{width: 100%; height: 97px;} #headerRightMenuContainer{width:100%; height: 27px;} #headerRightMenu{float:right; margin: 0px; text-align:left;} #headerRightMenuMessage{float:left; line-height:27px; text-align:center; overflow:hidden; font-weight:bold; margin-left:115px; text-align:left} .headerRightText{float:right; margin-right:20px} .headerRightImage{float:right; margin:0; padding:0; border:none} .currencyList:hover{background-color:#F5F5F5} /* SEARCH BAR */ #searchBarContainer1 {width:997px; overflow:hidden; height: 28px;} #searchBarContainerWrapper { position:absolute; z-index:395 } #searchBarBack .left {float:left; background-image:url('../Images/UserControls/sprite-header.png'); background-position: 0 -487px; width: 13px; height: 29px; background-repeat:no-repeat; } #searchBarBack .mid {height:29px; float:left; background-repeat:repeat-x; background-image:url('../Images/templateItems/midGreyBg.png'); width:971px; background-position:left bottom;} #searchBarBack .right {float:left; background-image:url('../Images/UserControls/sprite-header.png'); background-position: 0 -719px; width: 13px; height: 29px; background-repeat:no-repeat; } #searchBarOverlayContainer {position:absolute; top:2px; left:0; clear:both; float:left; width:100%;} #browseCategoryContainer {margin-left:14px; background-color:#ec2020; } #browseCategoryLeft {float:left;margin-left:4px; background-image:url('../Images/UserControls/sprite-header.png'); background-position: 0 -71px; width: 10px; height: 22px; background-repeat:no-repeat; margin-top:2px;} #browseCategoryRight {float:left; background-image:url('../Images/templateItems/browseCategoryBg.png'); background-repeat:repeat-x; width:201px; height:21px; margin-top:2px; padding-bottom:5px; } #browseCategoryRight h2, #browseCategoryRight a {font-size: 11px; color: #FFFFFF;font-weight: bold; margin-top:3px; height:12px; cursor:pointer; } #search{float:left; margin-left:10px; width:463px;} #advSearch{float:left; margin-left:20px;} #hideAdvanceSearch{float:right; cursor:pointer; margin-right:35px; } #hideAdvanceSearch img{float:left; display:block;} #hideAdvanceSearch p{padding:2px 10px 0px 0px; margin:0px; display:block; float:left;} #searchBarButtonContainer{float:right; right:0; cursor:pointer} #searchBarButtonContainer .column { float:left; color:#FFF; font-size:11px; margin-right:4px} #searchBarButtonContainer .left {height:25px; float:left; width:28px; background-image:url('../Images/templateItems/plusButton.png'); background-repeat:no-repeat; margin:0px; padding:0px;} #searchBarButtonContainer .mid {float:left; background-image:url('../Images/templateItems/buttonBg.png'); background-repeat:repeat-x; padding-right:6px;} #searchBarButtonContainer h2, #searchBarButtonContainer a {font-size: 11px; color: #FFFFFF; font-weight: bold; margin-top:5px;} #searchBarButtonContainer .right {float:left; background-image:url('../Images/UserControls/sprite-header.png'); background-position: 0 -217px; width: 9px; height: 25px; background-repeat:no-repeat;} #searchBarButtonContainer .lastRight {float:left; background-image:url('../Images/UserControls/sprite-header.png'); background-position: 0 -292px; width: 8px; height: 25px; background-repeat:no-repeat;} /* SEARCH BAR */ /* Moved from SearchBar.ascx to here */ .txtInTextBox{color: #aaa;} .rowFirst{width: 100%; overflow: hidden; padding: 0 10px; } .rowSecond{width: 100%; overflow: hidden; padding: 0 10px; } #SearchBarKeyBenefitsWrapper{height: 28px;} /* LOG IN BOX - FORGOTTEN PASSWORD - NOT AUTHORISED */ #loginContainer, #errorContainer {margin: 0 auto; width:970px; padding:10px; border:1px solid #e7e7e7;} #loginBoxMain {margin: 0 auto; background-color:#e7e7e7; line-height:20px; min-height:300px; } #loginBoxMain h1 {font-size:14px; color:#ec0202; margin:0; text-align:center; line-height:20px;} #loginBoxMain h2 {font-size:11px; color:#666; margin:0; text-align:center; line-height:20px; } #loginBoxMain h3 {font-size:11px; color:#ec0202; margin:0; font-weight:bold; text-align:center} #loginBoxMainForm{ margin:0 auto; line-height:20px; } #loginBoxMainForm .fieldRow {width:400px; margin:0 auto; line-height:20px; margin-top:4px; text-align:center; } #loginBoxMainForm label {float:left; width:130px; display:block; margin-left:45px; padding-right:10px; text-align:right;} #loginBoxMainForm input {float:left; width:150px; margin-top:4px;} #loginBoxMainForm a {color:#ec0202; font-weight:bold;} /*EMAIL SENT and FORGOTTEN PWD*/ .emailSentMsg {text-align: center; font-size: 11px; margin-top: 10px; color:#666666;} .emailSentMsg a {color:#ec0202;} /* RED ICON LINK */ .redIconLink img {margin-right:5px; width:17px; height:17px; float:left;} .redIconLink span {line-height:17px; margin:0; padding:0; display:block; float:left; color:#ec0202; font-weight:bold;} .checkbox label{padding-left:5px;} /** NEW MASTER PAGE **/ /** USED IN THE MASTER PAGE **/ .middleContainer {margin-top:10px; width:auto;} .middleContainer .leftPanelWrapper {float:left; width:210px; margin-right:15px;} .middleContainer .centrePanelThirdWrapper {float:left; width:537px; margin:0; } .middleContainer .centrePanelTwoThirdsWrapper {float:left; width:767px; } .middleContainer .centrePanelFullWrapper {float:left; width:997px;} .middleContainer .rightPanelWrapper {float:right; width:210px; margin-left:15px;} .clear {clear:both} /** Style for Progress bar to be align center **/ #progressBar{position:absolute; position: fixed; top: 50%; left: 50%; margin-top: -50px; margin-left: -100px;z-index : 99999;} /* Middle below panel*/ #MiddleBelowPanel {margin-top:20px;margin-bottom:0px;} #MiddleBelowPanel {overflow:hidden} #MiddleBelowPanel .topLeft {background-image:url(../Images/UserControls/sprite-header.png); background-position: 0 -427px; width: 20px; height: 10px; background-repeat: no-repeat;position:relative;float:left} #MiddleBelowPanel .topMiddle {border-top:solid 1px #D2D2D2;position:relative;float:left;height: 10px;} #MiddleBelowPanel .topRight {background-image:url(../Images/UserControls/sprite-header.png); background-position: -190px -427px; width: 20px; height: 10px; background-repeat: no-repeat;position:relative;float:left} #MiddleBelowPanel .middleMiddle { border-left:solid 1px #D2D2D2; border-right:solid 1px #D2D2D2;position:relative;float:left} #MiddleBelowPanel .bottomLeft {background-image:url(../Images/UserControls/sprite-header.png); background-position: 0 -367px; width: 20px; height: 10px; background-repeat: no-repeat;position:relative;float:left} #MiddleBelowPanel .bottomMiddle {border-bottom:solid 1px #D2D2D2;position:relative;float:left;height:9px;} #MiddleBelowPanel .bottomRight {background-image:url(../Images/UserControls/sprite-header.png); background-position:-190px -367px; width: 20px; height: 10px; background-repeat: no-repeat;position:relative;float:left} #MiddleBelowPanel .title { float:left; width:501px;margin-top:0px;margin-bottom:0px;} #MiddleBelowPanel .title h2 { color:#ec0202; font-size:12px;} #MiddleBelowPanel .title h2 a {color:#ec0202;} .popover {padding-top:30px} /* DROPDOWN SHADOW SURROUND */ .popoverTop {height:8px} .popoverBottom {height:8px} .popoverLeft {width:8px} .popoverRight {width:8px} .popoverTopLeft {height:8px; width:8px} .popoverTopRight {height:8px; width:8px} .popoverBottomLeft {height:8px; width:8px} .popoverBottomRight {height:8px; width:8px} .popoverInner {background-color:#f5f5f5; border:1px solid #c3c3c3; padding:30px 22px; position:relative} .popoverInner h3 {font-size:16px; color:#ec0202; text-align:left} /* For Registration */ .popoverInnerRegister {background-color:#f5f5f5; border:1px solid #c3c3c3; padding:10px 22px;position:relative} .popoverInnerRegister h3{font-size:16px; color:#ec0202; text-align:left;margin-top:0px;} /* CLOSE BUTTON */ .popoverClose {position:absolute; right:0; top:0; background-image:url(../Images/UserControls/PopOver/close.png); background-repeat:no-repeat; width:145px; height:29px} .popoverClose a {color:#ffffff; font-size:12px; font-weight:bold; line-height:24px; padding-left:30px; display:block} /* POPOVER TAB */ .popoverTab .left {background-image:url(../Images/UserControls/PopOver/tabLeft.gif); background-repeat:no-repeat; width:11px; height:24px; float:left} .popoverTab .back {background-image:url(../Images/UserControls/PopOver/tabBack.gif); background-repeat:repeat-x; height:24px; float:left; width:200px; color:#ffffff; font-weight:bold; line-height:24px; padding-left:5px} .popoverTab .right {background-image:url(../Images/UserControls/PopOver/tabRight.gif); background-repeat:no-repeat; width:11px; height:24px; float:left} .popoverPanel {background-color:#ffffff; border:1px solid #c3c3c3; padding:15px 20px 25px 20px; margin-bottom:19px; overflow:hidden} .popoverPanelRegister {background-color:#ffffff; border:1px solid #c3c3c3; padding:3px 1px 20px 5px; margin-bottom:5px;position:absolute} .popoverGroove {border-top:1px solid #c3c3c3; border-bottom:1px solid #ffffff; height:1px; margin:0 auto; margin-right:30px} .popoverScroller {overflow:auto; height:550px; text-align:left; padding-top:30px; padding-right:30px; position:relative} .popoverScrollerOuter {overflow:hidden; height:600px; text-align:center; margin-right:250px; position:relative} .popoverRightBar {position:absolute; width:225px; right:25px; top:75px; height:600px; overflow:auto; padding-right:15px} .popoverRegisterLeft {position:absolute;width:520px; right:15px; height:530px; top:75px; overflow:auto; padding-right:1px} .popoverRegisterRight {position:absolute; width:480px; right:15px; top:75px; overflow:auto; padding-right:1px;} .popoverCenter{clear:both;text-align:center;left:auto;right:auto;margin-bottom:1px;} .popover .sumRow {border-bottom:1px solid #c3c3c3} /* POPOVER PROGRESS */ .popoverProgress div {border:1px solid #c3c3c3; background-color:#ffffff; margin-left:2px} .popoverProgress filled {background-color:#ec0202} /* FORMS */ .popoverPanel .fieldGroup {border:none; float:left; clear:both; margin-top:10px;} .popoverPanel .label {line-height:24px; width:230px; font-weight:bold; float:left} .popoverPanel .labelreg {line-height:30px; width:170px; font-weight:bold; float:left; } /*this class is used for registeration page*/ .popoverPanelRegister .labelreg {line-height:30px; width:170px; font-weight:bold; float:left; } /*this class is used for registeration page*/ .popoverPanel .field {line-height:24px; float:left; width:auto} .popoverPanel .field .label {width:auto; float:none; line-height:24px} .popoverPanel .hint {float:left; margin:10px 0 0 10px; cursor:pointer; background-image:url(../Images/General/hint.png); background-repeat:no-repeat; width:18px; height:18px; position:relative} .popoverPanel .separator {border-top:1px solid #e2e2e2; clear:both; margin:20px 0 10px 0; height:1px} .popoverPanel .instruction {line-height:normal; margin-top:3px} /* OFFER EDITOR */ .offerPopover .submitButton {position:absolute; width:225px; bottom:50px; right:22px; cursor:pointer} /* IMAGES */ .offerImage {float:left; width:107px} .offerImage a.greyBtn {width:89px; padding:0} .offerImage .imageWrapper{height:89px; width:89px; text-align:center; vertical-align:middle; display: table-cell;} /* AUTO-SUGGEST */ .autoSuggestBox{width:500px; height:140px; overflow:auto; border:solid 1px #C3C3C3;} .autoSuggestBox .autoSuggestionText{color:#000000; background-color:#f5f5f5} .autoSuggestBox .alternate{color:#000000; background-color:#ffffff} .autoSuggestionText:hover {background-color:#ec0202; color:#ffffff} #otherNote {font-size:10px; margin-top:20px} /* AUTO-SUGGEST Search */ .autoSuggestSearchBox{width:300px; height:140px; overflow:auto; border:solid 1px #C3C3C3; background-color:#ffffff} .autoSuggestSearchBox .autoSuggestionSearchText{color:#000000; background-color:#f5f5f5} .autoSuggestSearchBox .alternate{color:#000000; background-color:#ffffff} .autoSuggestionSearchText:hover {background-color:#ec0202; color:#ffffff} /* ATTRIBUTES */ .popoverPanel .fieldGroup .attribute {margin-bottom:10px; margin-left:15px} /* ADVANCED PRICING */ .advPrice {border:1px solid #dfdfdf} .advPrice .buyerType {padding:5px 10px} .advPrice .check {width:80px; padding-right:10px} .advPrice .price {padding-right:10px; padding:3px 0} .advPrice .priceOuter {padding-right:10px} .advPrice .header, .qtyDiscounts th {padding-top:5px; padding-bottom:5px; background-color:#f5f5f5; font-size:10px; border-bottom:1px solid #dfdfdf; overflow:hidden; font-weight:bold; text-align:left} .advPrice .useDefaultHeader{padding-top:5px; padding-bottom:5px; background-color:#f5f5f5; font-size:10px; border-bottom:1px solid #dfdfdf; overflow:hidden; font-weight:bold; text-align:left; padding-left:10px;} .qtyDiscounts {border:1px solid #dfdfdf; width:280px} .qtyDiscounts th {font-size:10px; padding-left:10px; text-align:left;} .advPrice .buyerHeader {padding-left:10px; padding-bottom:5px} .advPrice .alt, .qtyDiscounts tr.alt {background-color:#efefef} .qtyDiscounts td {padding:3px 0 3px 10px; width:130px} .qtyDiscounts input {width:90px} /* RESTRICTIONS */ .buyerTypeCol {height:18px; padding:1px; line-height:18px; width:200px; float:left; border-left:1px #dfdfdf solid; border-top:1px #dfdfdf solid;overflow:hidden;} .countryCol {height: 18px; padding:1px; background-color:#f5f5f5; font-size:10px; line-height:18px; width: 18px; float:left; text-align:center; border-left:1px #dfdfdf solid; border-top:1px #dfdfdf solid; overflow:hidden; padding:1px;} #restrictionsMatrix {border-right:1px #dfdfdf solid; border-bottom:1px #dfdfdf solid} .restrictionCountries {float:left; margin-left: 203px; margin-bottom:0px; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf}