/* ***** CSS Ebay Home Page and Category Page ***** added by Zoran version 14 date>> 17.01.2013 //all pages 1.Home Page - line: 23 2.Category Page - line: 1335 */ /* --------------------------------------- ie fix ----------------------------- For IE7 we have class .ie7 or we had this CSS hack: *+html For IE8 we have class .ie8 or we had this: \0 - i.e. padding: 0px 5px 10px 70px\0/; For IE9 we have class .ie9 or we had this: \9 */ /********************************** 1. HOME PAGE and Category page default styles*******************************************************************/ body { } h1, h2, h3, h4, h5 { font-family: 'bebas_neueregular',sans-serif; font-weight: 200; letter-spacing: 1px; } a:hover{text-decoration:none!important} /*Fix layouts from universal*/ table, tbody{ max-width: 1010px!important; float: left; display: inline-block; } .width1060, .width1200, .width1300{width:100%!important} #gh-gb { border: none!important; background:none!important; box-shadow: none!important; } /*style to of the ebay page*/ #gh { padding: 15px 0 10px 0; min-width: 1000px!important; background: #FFF!important; width: 1000px!important; float: left; } .gh-tbl { margin-top: 20px; width: 100%!important; float: left; background:white!important; } #gh-top { border:none!important; box-shadow: none!important; width: 96%; left:0; top:10px; padding:0 2%; background:white!important; height: 30px; line-height: 30px; } #gh-eb, #gh-topl { width:50%; float:left; margin:0; padding:0; } #gh-topl li {float:left;padding-right:15px;display:inline-block;width:auto;} #gh-eb {text-align:right;} #gh-ug { font-size: 12px; white-space: nowrap; display: inline-block; padding: 0; border:none; text-decoration: none; position: relative; padding-right: 10px; } #gh-topl .gh-ti { vertical-align: middle; padding-left: 15px!important; height: auto; overflow: hidden; padding-top: 0; margin-top: 0; } .gh-t {background: url(http://p.ebaystatic.com/aw/pics/globalHeader/spr5.png) no-repeat -116px -25px; } .gh-eb-li-a { padding: 0; border: none; padding-right: 10px; } #gh-hsi { margin-top: 0px; } /*end of ebay top*/ .tb_v4bc { background: #FFF; width: 1000px; padding: 0 5px; background:white!important; } /*Ebay background need to be white*/ #gh-top, #tb_v4bc { background:white!important; } .pagewidth { background:url(http://s3-ap-southeast-2.amazonaws.com/au-home-live/tacklemania/ebay/dev/images/body_bg.jpg); background-repeat: repeat-y; background-position: center center; background-size: auto auto; padding-top: 20px; padding-bottom: 20px; } .pagelayout { width: 1010px; margin: 0 auto; text-align: left; overflow: hidden; background: #FFF; } /* ======================== ebay footer =======================*/ .stBadge { padding-top: 17px; min-width: 1000px; padding-left: 5px; padding-right: 5px; clear: both; display: block; float: left; background:white!important; } .stBadge-accent, .stBadge-accent > tbody, .stBadge-accent tbody > tr, .stBadge-accent tbody tr > td, .stBadge-midContent, .stBadge-midContent table, .stBadge-midContent tbody, .stBadge-midContent tbody > tr { display:block; width: 100%!important; float: left; } .stBadge-midContent td { display:block; padding-left: 0px!important; } .stBadge-text, .mbg, .mbg > a {float:left} .mbg img, .mbg .mbg-fb, img.mbg-star, .mbg-l > b, .mbg-l > a, .stBadge-midContent img { display: inline-block; } /* .stBadge-midContent tbody, .stBadge-midContent tr, .stBadge .whiter-rcp{ float: left; width: 100% } .stBadge-midContent td{float:left} */ .whiter-rcp .whiter-s_nf{display:none!important} .whiter-rcp .whiter-mid { float: left; padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; width: 100%; } /******************************** 2.ebay FDA Category Page ***********************************************************************************************/ .stBadge .whiter-rcp { border:none!important } #glbfooter { clear: both!important; margin-left: 1%!important; margin-right: 1%!important; width: 98%!important; border:none!important } .gh-tbl {padding-top: 20px;} .gh-td, .bbc-txtBx, .bbc-btn, .bbc-nav {padding-left: 20px!important;} div.v4sem {float:right; margin-right:20px!important;} /*Ceo kontent sam podelio u 3 tr-a koji unutra imaju td-ove sa id-ijima >>> #LeftPanel #emptyTD #main-content */ #emptyTD { display: none; } /*left sidebar je tabela*/ #LeftPanel, #LeftPanel .lcat { display:block!important; float:left; overflow:hidden; } #LeftPanel .v4title { padding:0!important } #LeftPanel .v4acp, #LeftPanel .lcat { display:block!important; float:left; width:175px!important; } #LeftPanel table, #LeftPanel tbody, #LeftPanel table tr, #LeftPanel table tr td { display:block!important; float:left; width:100%!important; padding:0!important; height:auto; } #LeftPanel .v4acpcont tbody, #LeftPanel .v4acp_mid { display:block!important; float:left; width:100%!important; } #LeftPanel .v4mid { padding:0!important } /*Style the navigation by Zoran*/ #LeftPanel .lcat a.all_cats { display: block; font-style: italic; margin-bottom: 5px; padding-top:20px; float: left; } #LeftPanel .lev1 { float: left; width: 100%; } #LeftPanel .lev1 > li { float: left; padding-bottom: 5px; padding-top: 10px; width: 100%; } #LeftPanel .lcat .lev2 { width: 100%; float: left; display: inline-block; } /*end of my navigation*/ #LeftPanel table.v4midBox tr.v4acp_mid td.v4mid, #LeftPanel .v4title{ background:none!important; } #LeftPanel table {border: none!important;} #LeftPanel .v4title h2 { width:155px!important; font-family: 'bebas_neueregular'; font-size: 20px!important; letter-spacing: 1.2pt; font-weight:200!important; color:#606060!important; } #LeftPanel .lcat .ttl { font-family:sans-serif!important; font-size:14px; font-weight:400; font-style:normal; color:#606060; text-transform:none; } .lcat .lev1 li {margin:0!important} .lcat .lev2 {padding:0!important} .lcat .lev2 li {list-style-type:none!important;} .lcat ul.lev2{ padding-bottom:20px!important; background-image: url("http://s3-ap-southeast-2.amazonaws.com/au-home-live/tacklemania/ebay/dev/images/dd_sidebar_bg.png");/*treba sira slika*/ background-position: center bottom; background-repeat: no-repeat; background-size: auto auto; display: block; margin-bottom:10px; } #TopPromoArea .v4title {text-align:center} .v4title font { color: white!important; font-family:'Oswald'; font-size: 14px; font-weight: 400; letter-spacing: 0.5pt; line-height: 17px; } #LeftPanel .lcat .lev1 span, #LeftPanel .lcat .lev1 a { font-family:'Oswald'; font-size: 16px!important; font-weight:400!important; line-height: 16px; margin-bottom: 5px; color:#B63929; text-transform:uppercase; text-decoration:none; } #LeftPanel .lcat .lev1 span{color:#222222!important;} #LeftPanel .lcat .lev1 .cnt { color: #666666 !important; font-family: Verdana !important; font-size: 11px !important; font-weight: normal !important; letter-spacing: 0; line-height: 11px !important; text-transform: lowercase !important; } #LeftPanel .lcat .lev2 a { font-family:arial,sans-serif; font-size: 13px!important; font-weight: normal!important; font-style: normal; color: #333333; text-transform: none; line-height: 20.5px; letter-spacing: 0; } #LeftPanel .lcat .lev2 li span:first-child { color:#B63929!important; font-family:?arial,sans-serif; font-size: 13px!important; font-weight: normal!important; font-style: normal; text-transform: none; line-height: 20.5px; letter-spacing: 0; } #LeftPanel .lcat .lev1 a:hover { color:red!important; } #LeftPanel .v4clp a, #LeftPanel .lcat .lev2 a:hover { color:#B63929; } #v4-74 .label:hover { color: red!important; } table.v4clp td ul { list-style-type: square; color: #8D8D8D; margin: 0 0 0 14px; padding: 0; } #LeftPanel .v4title h2 {height:20px} /*end of left sidebar*/ /* category content*/ #main-content { /*Added by Zoran*/ } table.v4acp td.v4baccent, table.v4acp td.v4vspacer { display: none; } #TopPromoArea { width:99%!important } #CentralArea { /*margin-right: 10px!important;*/ display: block; float: left; } table.v4acpcont {width: 97.5%;border:none!important} table.v4acp tr.v4acp_head td.v4title { background-color:#3A3A3A!important; } .r3_t b, .r3_bl b { display: none;} #msg { margin-top: -30px; color: red!important; } #msg > a { color: white!important; } .r3_t i, .r3_bl i, .rs_box, .ctrlbr, .grid td.left, div.itemseparator, .r3_hm, .r3_c, .r3_s { border:none!important; } .cmpb { float: left; width: 100%; border:none!important; margin:0!important; padding-bottom: 5px !important; padding-top: 5px !important; } .cmpb.nol > tbody { float: left; width: 100%; } table.nol td.picture {width:85px;padding-left:10px;} .cmpb td.details { float: left; padding:0; width: 295px !important; } .cmpb td.prices { width: 80px; } .cmpb td.shipping { padding-left: 0; width: 90px; } .cmpb td.time { width: 70px; padding-right: 0; } #lvc .li { padding-bottom: 10px; padding-top: 15px; } /*sad dodato*/ .lview table tbody, .lview table tbody tr { float: left; width: 100%; } .lview .li tbody tr td { display: inline-block; float: left; } table.nol td.pic {/*90px ukupno*/ width: 80px!important; } .li.nol .details{width:317px!important;}/*420*/ .li td.pay {/*26px*/ width: 16px!important; } table.nol td.bids {/*65px*/ padding-top: 4px; text-align: left; width: 55px!important; } .li td.prices {/*85px*/ font-size: 19px; padding-top: 0px; text-align: right; width: 70px!important; } .li td.ship, .li td.prices span.ship {/*70px*/ padding-top: 4px; width: 70px!important; } .li td.time {/*60px*/ text-align: right; white-space: nowrap; width:75px!important } .time.rt { padding-top: 3px; } .ctrlbr { background-color: #4A4A4A; padding-top:10px; padding-bottom: 10px; } span.pdmt .cur{ float: left; padding-right: 20px; margin-right: 20px; background:url('http://s3-ap-southeast-2.amazonaws.com/au-home-live/tacklemania/ebay/dev/images/limiter_arrow.png'); background-repeat:no-repeat; background-position: right; } span.pdmt .cur img{display:none} .fpcc .countClass{color: red!important} .matchClass, .keywordClass, #v4-74 .label { color: white!important; font-size:12px; background:none!important } span.pdmt .cur{ color:white!important; } #v4-74 span {font-weight: normal;} #v4-74 span:hover, #v4-74 a:hover{ color:#00C7F2!important; } .cmpBr { height:auto!important; border:none!important; background:none!important; } div.bpmsg{padding-top:5px;} #fpcap { padding-top:10px; padding-bottom:10px; background-color: #3A3A3A; } #v4-74 { padding-bottom: 10px; } td#CentralArea span.pdmt {width:auto!important} span.pdmt .label { color: #B1B1B1!important; float: left; } #v4-74 .cur{ width: 65px!important; display: inline-block; } #v4-76 { background:url('http://s3-ap-southeast-2.amazonaws.com/au-home-live/tacklemania/ebay/dev/images/limiter_arrow.png'); background-repeat:no-repeat; background-position:50px 5px; } .v4toppromos table, .v4toppromos table, tbody, .v4toppromos table, .v4toppromos table tbody, .v4toppromos table.fs2-fs, .v4toppromos table.fs2-fs tbody, #v4-31_s, #v4-31_s tbody { border: none; display: table; float: inherit; max-width: auto!important; width:100%; } a.ppr { background-image: url(http://q.ebaystatic.com/aw/pics/search/sprMega2.png);/*promeni sliku za enlarge-lupa*/ background-repeat: no-repeat; background-position: -144px -64px; } .ttl a { color: black!important; display: block; float: left; font-family: arial; font-size: 12px; font-weight: 200 !important; letter-spacing: 0; line-height: 16px; text-transform: uppercase; text-decoration:none; } .ttl a:hover { text-decoration:none!important; color: red!important; } table.gallery .iippl { display: inline-block; float: left; width: 100%; margin-bottom: 5px; } table.gallery table.fixed { float: left; } table.gallery table.fixed div.time2 { padding-top:5px; } .g-b{ color: black!important; font-family: 'bebas_neueregular'; font-size: 18px; font-weight: 200 !important; text-transform: uppercase; text-decoration:none; } .image .gpvi { width: 140px; height: 105px; display: block; background-color: black!important; } .image img:hover{ opacity: 0.9; } .grid { margin-top: 20px!important; border-bottom: 1px solid #DFDFDF; padding-bottom: 20px; } .grid td.gallery { float:left; width: 30%!important; margin-left:20px} .rs-pview {padding:0!important} table.gallery div.ttl {width:90%!important;} .v4accent { background:none!important } td#CentralArea div.dynpg{border:none!important;width:100%!important} .pgbc { border:none!important; background-color: #4A4A4A!important; padding:10px 0px!important; margin-top:20px; width:99%; margin-right:1%; } .pgbc > tbody { float: left; width: 100%; } .pgbc tr { float:left; width: 100% !important; } .dynpg .l { padding-left: 0; width: 28%; padding-left: 2%; float:left; } .dynpg .m { vertical-align: middle; width: 45%; float:left; } .dynpg .r { float: left !important; padding-right: 0; text-align: right; white-space: nowrap; width: 23%; padding-right: 2%; } .dynpg .prev a.enabled { cursor: pointer; float: left; } .dynpg .prev a.enabled { text-indent:-9999px;} .pager .prev a:first-child{margin-left:0} .pager .prev img {display: none!important;} .dynpg .next a{margin-left:10px;} .dynpg .r .form { float: left; padding-bottom: 0; padding-top: 0; width: 100% !important; } * + html .dynpg .r .form {width:90%!important} .pgbc span, .pgbc a { color:white!important; cursor:pointer; } .pgbc a:hover { text-decoration:none; color:#00C7F2!important; cursor:pointer; } .pager .prev .disabled, .pager .prev .disabled img {display:none} .pager .prev a:first-child{ display: block; width: 6px; height: 20px; background: url('http://s3-ap-southeast-2.amazonaws.com/au-home-live/tacklemania/ebay/dev/images/toolbar_left_arrow.png'); background-repeat: no-repeat; cursor:pointer; } .pager .next .enabled{display:none} .pager .next a:first-child{ text-indent:-9999px; display: block; width: 6px; height: 20px; background: url('http://s3-ap-southeast-2.amazonaws.com/au-home-live/tacklemania/ebay/dev/images/toolbar_right_arrow.png'); background-repeat: no-repeat; } #LeftPanel{padding-left:10px;} #LeftPanel .v4midBox.v4nfc { margin-top:20px; margin-top:0px\9; margin-top:0px\0; } #LeftPanel .v4baccent {display:none!important} #LeftPanel .v4clp a{ font-family: 'Oswald'; font-size: 16px!important; font-weight:400!important; color:#B63929; text-transform:uppercase; text-decoration:none; line-height: 14px; } #LeftPanel .v4clp a:hover { color:red; } #LeftPanel .v4acp_head .v4accent, #LeftPanel .v4acp_head .v4hspacer{ display: none !important; }