/* Global changes */ *{ font-family:Verdana, Arial;} a:active { outline: none; } a:focus { -moz-outline-style: none; } /* Element changes */ body {background-color:#E5E5E5; background-image:url(/graphics/backGround.jpg); background-position:center top; background-repeat:repeat-y; margin:0px; padding:0px; } /* Non specific */ a.niceLink:link{color: #4154A5; border-bottom: 0px #333 solid; text-decoration:none; font-weight: bold;} a.niceLink:visited{ color: #4154A5; text-decoration:none; font-weight: bold;} a.niceLink:hover{ border-bottom: 2px #5EA3BE solid; font-weight: bold;} .scPlainTxt {font-size:12px;} .totalBack {background-color: #396172; } /* Top navigation and header */ #AllofTopNavContainer { background-image:url(/make-me-an-offer-v2/graphics/header/topNavBackground.gif); width: 790px; height: 90px; } .mmaoHeader {background-image:url(/make-me-an-offer-v2/graphics/MMAO_Header.jpg); background-repeat:no-repeat; background-position:top; display:block; height: 125px; width: 790px; background-color: #396172; } /* Body */ #mainBody {background-image:url(/g/mmao/MMAO_topMain.jpg); background-repeat:no-repeat; background-position:top; background-color: #dee3e5; padding: 0px; width: 780px; } .offerInProgress {padding: 10px;} /* Loading popup */ .container { border: solid 1px #808080; border-width: 1px 0px; position: fixed; float:left; display: none; background-color: #f2f2f2; z-index:2; width: 410px; margin: 2% 190px; } .header {background: url(/graphics/sprite.png) repeat-x 0px 0px; border-color: #808080 #808080 #ccc; border-style: solid; border-width: 0px 1px 1px; padding: 0px 10px; color: #000000; font-size: 9pt; font-weight: bold; line-height: 1.9; font-family: arial,helvetica,clean,sans-serif; } .body {background-color: #f2f2f2; border-color: #808080; border-style: solid; border-width: 0px 1px; padding: 10px; } #searchMMAO{margin: 15px 10px 0px 0px; text-align:right; display: block; margin: 0px; height:40px; padding-top:0px; width: 100%; text-align:center; background-image:url(/g/mmao/category/searchBack.gif); background-position: center; background-repeat: no-repeat; } /* Added filter Section */ #appliedFilters{padding: 1px 10px; font-size:12px; background-color:#FFF; border: 1px solid #999999; margin: 5px; height: 25px;} .spanRemoveFilter{color: #4154A5; } .linkRemoveFilter, .xRemoveFilter{color:#386272; text-decoration:none; } .xRemoveFilter{color: #4154A5; font-weight: bold; margin-right: 5px; } .linkRemoveFilter:hover{text-decoration:underline; } /* New filter Section */ #notAppliedFilters {vertical-align:top; } .filterHeader { height:45px; width: 150px; background-image:url(/g/mmao/category/filterTopAreaBG.jpg); background-repeat: no-repeat; padding-top: 3px; } .filterHeader h2 {font-size:12px; margin:0px; padding: 0px; color: #396172; margin-left: 3px; margin-top: 0px; } .filterTitles {margin-left:3px; color: #396172; font-weight:bold; } .filterBlock { width: 150px; padding-left: 0px; padding-top: 0px; text-align:left; vertical-align:top; display:block; background-image:url(/g/mmao/category/filterRepeatBG.jpg); background-repeat:repeat-y; } .addFilter { display:block; width: 142px; padding: 0px; text-decoration:none; color: #396172; margin-left: 6px; clear: both; } .addFilter:hover, .addFilterSpec:hover {font-weight:bold; } .addFilterSpec {display:block; width: 142px; padding: 0px; text-decoration:none; color: #396172; margin-left: 5px; } /* Product modal box */ /* Overlay */ #popout-overlay {background-color:#666; cursor:default; } /* Container */ .simplemodal-wrap {overflow:visible;} #popout-container {width:370px; font-family: Verdana, Arial; font-size:16px; text-align:left; } #popout-container .popout-content {background-color:#333; color:#ddd; height:auto; } #popout-container h1 {color:#d76300; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left; } #popout-container .popout-loading {position:absolute; background:url(graphics/category/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0; } #popout-container .popout-message {text-align:center; } #popout-container .popout-error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:0 auto; padding:2px; } #popout-container br {clear:both; } #popout-container form {padding:0; margin:0; } #popout-container label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold; } #popout-container .popout-input {font-family: Verdana, Arial; float:left; padding:2px; margin:2px; background:#eee; border:1px solid #fff; width:300px; } #popout-container textarea {height:114px; font-size:.9em; } #popout-container .popout-cc {font-size:.9em; cursor:default; } #popout-container .popout-top {height:13px; background:url(graphics/category/popout_top.gif) no-repeat; padding:0; margin:0; } #popout-container .popout-bottom {height:13px; background:url(graphics/category/popout_bottom.gif) no-repeat; font-size:.7em; text-align:center; } #popout-container .popout-bottom a, #popout-container .popout-bottom a:link, #popout-container .popout-bottom a:active, #popout-container .popout-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666; } #popout-container .popout-bottom a:hover {color:#888; } #popout-container .popout-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle; } /* Close Button */ #popout-container a.modal-close, #popout-container a.modal-close:link, #popout-container a.modal-close:active, #popout-container a.modal-close:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-10px; right:0px; color:#fff; z-index:1005; } #popout-container a.modal-close:hover {color:#9bb3b3; } #theCloser {margin-left: 0px;} /* Content */ #popout {display: none; } #popoutProduct { color: #333; background-image: url(/g/mmao/category/popup/ProdPopTopBorder.png); background-repeat: no-repeat; background-position:top; height: auto; width: 361px; line-height: 10px; } #loginBox {display: none; color: #333; height: 200px; width: 780px; line-height: 10px; padding: 10px 0px; } .prodPopupHeader {background-image: url(/g/mmao/category/popup/prodHeaderBackRepeater.jpg); background-repeat:repeat-y; color:#333; margin-top: -1px; padding:10px 9px; font-weight:bold; text-align:center; z-index: 1003; position:static;} .brandRestraint { width:345px; line-height: 15px; } /* Product Popup */ #prodPopupBody {background-image: url(/g/mmao/category/popup/productPopupBackRepeater.jpg); background-repeat:repeat-y; color: #333; z-index: 1003; position:static; margin-top: -1px; } #prodpopupTitle {text-align: center; height:auto; font-size: 12px; font-weight:bold; padding: 5px 0px; line-height: 15px; } #ImageGallery { display: none; position: absolute; background-color: #fff; border; width: 380px; background-image: url(/g/mmao/category/popup/imagePopoutRightBorder.gif); background-position:right; background-repeat:repeat-y; margin-top: 50px; z-index: 1003;} #prodPopupMiddleRowContainer {height:200px; } #productPopupImage { background-image: url(/g/mmao/category/popup/productImageFrame.jpg); background-repeat: no-repeat; margin-left: 15px; width:135px; height: 135px; float:left; cursor: pointer;} #infoSectionContainer { float:left; width: 195px; } #infoSectionHeader {background-image: url(/g/mmao/category/popup/infoGridTop.jpg); background-repeat: no-repeat; height: 10px; width: 195px; font-size:0px; } #infoSection {background-image: url(/g/mmao/category/popup/InfoGridBackgroundRepeater.jpg); background-repeat: repeat-y; width: 195px; padding-left: 10px; } .infoSubContent {background-image: url(/g/mmao/category/popup/infoSectionBackground.jpg); background-repeat: no-repeat; height: 28px; width: 175px; margin: 0px 0px; margin-left: 0px; font-size: 12px; padding-top: 10px; padding-left:5px; color: #386272; font-weight:bold; } .infoSubContentAmount, .infoSubContentQty {padding-top: 4px; text-align:center; } #infoSectionBottomRow { } #doITButton {cursor: pointer;} #infoSectionFooter {background-image: url(/g/mmao/category/popup/infoGridBottom.jpg); background-repeat: no-repeat; height: 13px; width: 195px; } #prodPopupDescriptionContainer {margin-left: 15px; } #prodpopupDescriptionHeader {background-image: url(/g/mmao/category/popup/descriptionTop.jpg); background-repeat: no-repeat; height: 10px; width: 331px; font-size:0px; } .descriptionBody {background-image: url(/g/mmao/category/popup/descriptionBackRepeater.jpg); background-repeat: repeat-y; width: 331px; font-size:12px; line-height: 15px; padding:5px; } .descriptionBody div{ width: 320px;} #prodpopupDescriptionFooter {background-image: url(/g/mmao/category/popup/descriptionBottom.jpg); background-repeat: no-repeat; height: 10px; width: 331px; } #prodPopupFooter {background-image: url(/g/mmao/category/popup/popupBottom.png); background-repeat: no-repeat; background-position:top; height: 10px; line-height: 10px; } /* History Popup */ #historyprodPopupBody {background-image: url(/g/mmao/category/popup/productPopupBackRepeater.jpg); background-repeat:repeat-y; color: #333; z-index: 1003; position:static; margin-top: -1px;} #historyprodpopupTitle {text-align: center; height:auto; font-size: 12px; font-weight:bold; padding: 5px 0px; line-height: 15px; } #historyImageGallery { display: none; position: absolute; background-color: #fff; border; width: 380px; background-image: url(/g/mmao/category/popup/imagePopoutRightBorder.gif); background-position:right; background-repeat:repeat-y; margin-top: 20px; z-index: 1003;} #historyprodPopupMiddleRowContainer {height:200px; } #historyproductPopupImage { background-image: url(/g/mmao/category/popup/productImageFrame.jpg); background-repeat: no-repeat; margin-left: 15px; width:135px; height: 135px; float:left; cursor: pointer;} #historyinfoSectionContainer { float:left; width: 175px; } #historyinfoSectionHeader {background-image: url(/g/mmao/category/popup/infoGridTop.jpg); background-repeat: no-repeat; height: 10px; width: 195px; font-size:0px; } #historyinfoSection {background-image: url(/g/mmao/category/popup/InfoGridBackgroundRepeater.jpg); background-repeat: repeat-y; width: 195px; padding-left:10px; } #historyinfoNotes { padding-top:10px;} .infoHistorySubContent {background-image: url(/g/mmao/category/popup/infoSectionBackground.jpg); background-repeat: no-repeat; height: 28px; width: 175px; margin: 0px 0px; font-size: 12px; padding-top: 10px 10px 0px 10px; color: #386272; font-weight:bold; } .infoHistorySubContentAmount, .infoHistorySubContentQty {padding-top: 7px; } #historyprodPopupDescriptionContainer {margin-left: 15px; } #historyprodpopupDescriptionHeader {background-image: url(/g/mmao/category/popup/descriptionTop.jpg); background-repeat: no-repeat; height: 10px; width: 331px; font-size:0px; } #historydescriptionBody {background-image: url(/g/mmao/category/popup/descriptionBackRepeater.jpg); background-repeat: repeat-y; width: 331px; font-size:12px; line-height: 15px; padding:5px; } #historyprodpopupDescriptionFooter {background-image: url(/g/mmao/category/popup/descriptionBottom.jpg); background-repeat: no-repeat; height: 10px; width: 331px; } #historyprodPopupFooter {background-image: url(/g/mmao/category/popup/popupBottom.png); background-repeat: no-repeat; background-position:top; height: 10px; line-height: 10px; } #historyinfoSectionBottomRow {font-size: 12px; text-align:center; width:175px;} #historydoITButton {cursor: pointer;} #historyinfoSectionFooter {background-image: url(/g/mmao/category/popup/infoGridBottom.jpg); background-repeat: no-repeat; height: 13px; width: 195px; } /* Paging */ #nav { clear: right; } .pageNavTable {background-image:url(/g/mmao/category/BGPageNav.jpg); background-repeat:no-repeat; background-position:right center; background-color: #dee3e5; height: 35px; padding-top: 2px; width:621px; } #pageNavTable1 {vertical-align:top; margin-bottom: 10px; } #pageNavTable2 {vertical-align:bottom; margin-top: 10px; } .currentPageContainer {width: 130px; font-size:12px; text-align:right; } .numberedPageListTD {width: 340px; text-align: center; } .pageNavArrows {font-size: 12px; float: left; padding: 3px 2px 0px 2px; cursor: pointer; width: 25px; } .numberedPageContainer {width: 260px; height: 22px; overflow:hidden; float:left; border: 1px solid #999; } .pagingGroup { width: 320px; padding-left: 10px; padding-right: 10px;} .numberedPageSlidingContainer {margin-left: 0px; height: 22px; float:left; width: 1500px; } .pageNumber {display:block; width: 20px; height: 16px; font-size:12px; float: left; padding: 2px; border: 1px solid #dee3e5; text-align: center; text-decoration: none; color: #333; } .pageNumber:hover {border: 1px solid #fff; background-color: #e9edef; } .pageNumberActive {display:block; width: 20px; height: 16px; font-size:12px; float: left; padding: 2px; border: 1px solid #FF0000; background-color:#FFF; text-align: center; text-decoration: underline; color: #333; } .showPerPageTD {width: 150px; font-size:12px; text-align:left; } /* Featured products */ .featuredProductTextOutput{width:100%; font-size: 12px; margin-top: 0px; color:#FFF; } /* Non featured products */ .columnElement {overflow:hidden; background-image:url(/g/mmao/category/boxInside.jpg); background-repeat:no-repeat; background-position:center; cursor: pointer; height: 226px; margin: 5px 0px; } .boxTop {width: 187px; height: 226px; background-image:url(/g/mmao/category/tileTop.jpg); background-repeat:no-repeat; background-position:center; padding: 0px; text-align:center; } .prodIDContainer {display:none;} .productFrame {width:100%; height:130px; margin: 0px 0px 0px 5px; padding-top: 5px; text-align: left; } .specialBanner {margin-left: 105px; margin-top: -4px; position:absolute; } .productTextOutput{width:100%; font-size: 11px; margin-top: 0px; } .productTitle{font-size: 14px; font-weight:bold; } .productSizeAndPack{ } .productMSRP{color:#F00; font-weight:bold; font-size: 13px; } .productImage{margin-top: 0px; } .productNameOutput {font-size:12px; } #mainBottom {background-image:url(/g/mmao/mainBottom.jpg); background-repeat:no-repeat; background-position:top; background-color: #396172; width: 780px; } /* Footer */ .navMedTxt {font-family: Verdana Helvetica, sans-serif; font-size: 10px; color: #000000;} .active { background-color:#FFFACD; border: 1px solid #EEE8AA; cursor:pointer; padding: 1px 0px 1px 10px; font-family: Verdana,Helvetica,sans-serif; font-size: 12px; border: 1px solid #fff; padding: 2px 5px;} .nonActive { border: 1px solid #EEEEEE; background-color:#F8F8F8; padding: 1px 0px 1px 5px; font-family: Verdana,Helvetica,sans-serif; font-size: 12px; filter:alpha(opacity=75); /* IE's opacity*/ opacity: 0.75; text-decoration: none; padding: 2px 5px; } #keywordsuggest { border: 4px solid #396172; border-top: 0px; background-color: #f8f8f8; } #HideSearchSuggestions { border-top: 2px solid #223943; float: left; color:#FFFFFF; cursor:pointer; font-weight:bold; text-align:center; width: 100%; height: 20px; font-family: Verdana,Helvetica,sans-serif; font-size: 12px; width: 515px; background-image:url(/G/mmao/category/closeback.gif); background-repeat: no-repeat; background-position:top center; margin-top: -2px; } #keywordSearchSuggestContainer { padding: 0px; display: none; float: left; width: 515px; margin-top: 30px; position: absolute; z-index: 100; text-align:left; } #HideBttnSearchTab { padding:0px 0px 10px 0px; color:#fff; } #mainBody { padding-top: 10px; } .sectionContainer { overflow:hidden; display: block;} .SectionBar { width: 700px; text-align: center; margin: 0px 0px;}