/* Theme Name : Translantic Theme URI : http://stores.ebay.co.uk/transatlantic-vintage-surplus Description : Theme for Translantic. Designed By eSellerSolutions. All Rights Reserved. Version : 3 Tags : eBay Shop Author : Manoj Author URI : http://www.esellersolutions.com Created on March 27 2014 License : eSeller Solutions own this theme. Do Not Copy! */ /* Overwrite eBay _____________________________________________ */ /* =General elements*/ @import url(http://ebay.esellersolutions.com/essentials/item/css/essential.css); @import url(../fonts/fonts.css); *{ font-family:Arial, Helvetica, sans-serif; text-align:left; outline:none;} form{ padding:0; margin:0} .eclear{ clear:both; height:0; line-height:0; font-size:0; text-indent:-9999px; white-space:nowrap; } .eclear img{ line-height:0; visibility:hidden; } .ieAlign{ text-align:center; } .essOuter{ text-align:center; } .noBrdL{ border-left:none!important} .noBrdR{ border-right:none!important} #essOuterContainer{ margin:0 auto; clear:both; } #copyrightBox { text-align:right; margin:0 auto; background-color:#fff;} #copyrightBox img{ margin-right:20px;} .userNote{ text-align:center; } .float-l{ float:left;} .float-r{ float:right;} img{ border:none; } .essWide{text-align:center} .essWrap{ width:1000px; margin:0 auto; text-align:center } /*End General elements */ body{ margin:0; padding:0; } p{ margin:0; } /* =Links */ :link { } :visited { } :link:hover, :visited:hover, :link:focus, :visited:focus, :link:active, :visited:active { } /* =AboutESS*/ #aboutESS{ display:none} /*End aboutESS*/ /* =Headings */ h1{ } h2{ } h3{ } h4{ } h5{ } h6{ } /*End Headings*/ /* essCommon Styles */ /* essHeaderContainer */ ::-moz-selection{ background: #07CCF9; color: #fff; text-shadow: none; } ::selection{ background: #07CCF9; color: #fff; text-shadow: none; } #essHeaderContainer{ padding:0; margin:0 auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; position:relative; z-index:110; } #essHeaderContainer ul{ margin:0; padding:0; border:0; list-style-type:none; } #essHeaderContainer ul li{ list-style-type:none; } #essHeader{ padding:0; border:0; background:url(../images/bg-nav.png) 0 0px repeat-x;border-bottom: 1px solid #D8D8D8; text-align:center } #topNav{ float:right; margin:0; height:26px;color:#000; } #topNav li{ float:left; color:#000; font-size:12px;color:#000;color:#888888; } #topNav li a{ color:#000; font-size:11px;/* line-height:26px;*/ text-decoration:none; padding:0 8px; float:left;color:#888888; text-transform: uppercase } #topNav li.fst a{ background:url(../images/icon-home.png) 0 center no-repeat; padding-left:20px; } #topNav li.lst, #topNav li.lst a{ padding-right:0; border-right:0; color:#888888; text-transform: uppercase } #topNav li a:hover{ color:#2a2565; } .main-head{ padding:10px 0; } .shoplogo{ float:left; margin-top:25px; } .shoplogo img{ border:0; } .topr{ float:right; margin:23px 0 0 0; } .toplinks{ margin:0; padding:0; background:url(../images/toplinks-bg.gif) center 22px no-repeat} .cInfo{ float:right; color:#888888; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:capitalize; float:left; width:300px} .cInfo span{ font-size:22px; font-family:gill_sans_mtregular;} #topSearch{ float:right; margin-top:20px; } #topSearch form{ margin:0; padding:0; float:right; } #topSearch input.search-text{ margin:0; /**margin-right:3px\9;*/ height:32px; line-height:32px; padding:0 10px; border:1px solid #999999; border-right:none; background:#fff; font-family:Arial; font-size:12px; color:#252525; width:300px; float:left; text-transform:uppercase; font-weight:bold } #topSearch input.search-button{ margin:0; padding:0; border:0; float:left; } .header-right{ margin:40px 0 0 0; padding:0; float:right} .header-right ul{ margin:0; padding:0;} .header-right ul li{ margin:0 0 0 38px!important; padding:0; float:left} .header-right ul h3{ margin:0; padding:0; color:#989898; font-size:16px} .header-right ul span{ margin:0; padding:0; color:#989898; font-size:12px} .header-right ul li.info1{ margin:0; padding:0 0 0 40px; background:url(../images/pricetag-icon.gif) left center no-repeat;} .header-right ul li.info2{ margin:0; padding:0 0 0 60px; background:url(../images/free-shipping-icon.gif) left center no-repeat;} .header-right ul li.info3{ margin:0; padding:0 0 0 40px; background:url(../images/sameday--icon.gif) left center no-repeat;} .joinList{ float:left; margin:7px 10px 0 0 ; } .joinList a{ display:block; float:left; text-decoration:none; position:relative; margin-left:15px; opacity:1!important; filter:alpha(opacity=100)!important; } .joinList a span{ display:none; } .joinList a:hover span{ display:block; top:-34px; left:-30px; position:absolute; text-align:center; white-space:nowrap; color:#fff ; background:#7FB310; padding:6px 10px;} /* essHeaderContainer */ /* Contents */ #essContentsContainer{ margin:0 auto; padding:10px 0; border:0; width:1000px} #essContentsContainer .indent{ padding:0;} /* Contents */ /* Left Menu */ #lMenuContainer{ margin:0; padding:0; border:0; float:left; width:200px ; } .outerBoxLMenuC{ margin:0; } .outerBoxLMenuC .vTitle{ padding:0 0 0 8px; height:30px; line-height:30px; border:0; background:url(../images/leftpanel-top-bg.png) left center no-repeat; color:#ffffff; font-size:13px; font-weight:bold; } .outerBoxLMenuC .cPad{ padding:10px 0;} .outerBoxLMenuC ul{ padding:0; margin:0px;} .outerBoxLMenuC ul li{ margin:0; border:0; color:#555;border-bottom:1px dashed #c0c0c0; list-style:none; padding:5px 0; display:block;} .outerBoxLMenuC ul li.fst{ background:none;} .outerBoxLMenuC ul li span{ color:#555;} .outerBoxLMenuC ul li a{ color:#555; font-size:12px; font-weight:normal; text-decoration:none; background:url(../images/categ-bullet.gif) left center no-repeat; padding:0; padding-left:12px; text-transform:capitalize; display:block; line-height:22px; height:22px;} .outerBoxLMenuC ul li a:hover{ text-decoration:none; color:#000;} #outerBoxLMenu2{ margin:0 0 7px 0;} #outerBoxLMenu1{ margin-bottom:13px; } #outerBoxLMenu2 img{ margin-bottom:13px; } #outerBoxLMenu3 .cpad{ padding:8px; } #promo-btn{ margin:20px 0 10px 0; } #promo-btn a{ float:left; background-color:#555!important; display:block; font-size:12px; color:#fff; font-weight:bold; text-decoration:none; margin-right:5px; height:32px; line-height:32px; width:197px; } #promo-btn a span{} #promo-btn a#ask{ background:url(../images/icon-ask-question.png) 10px center no-repeat; } #promo-btn a#ask span{ margin-left:35px; } #promo-btn a#watch{ background:url(../images/icon-watch-item.png) 10px center no-repeat; } #promo-btn a#watch span{ margin-left:45px; } #promo-btn a#tellafriend{ background:url(../images/icon-tell-a-friend.png) 10px center no-repeat; margin-right:0; } #promo-btn a#tellafriend span{ margin-left:35px; } #promo-btn a:hover{ color:#fff; background-color:#F97A00!important; } .left-box{ width:200px; overflow:hidden; } #fdback{ color:#000; font-size:12px; margin-bottom:13px; } #fdback h3{ margin:0; background:url(../images/rightpanel-title-bg.png) left center no-repeat; height:34px; line-height:33px; font-weight:bold; color:#fff; font-size:13px!important; text-transform:capitalize; padding-left:8px } #fdback .pad{ background:none; padding:10px 0px; text-align:center } #fdback p{ margin:0; padding:8px 0; } #fdback p span{ text-transform:uppercase; font-weight:bold; } #fdback a.mre{ text-decoration:none; display:block; width:70px; padding:0 10px; height:26px; line-height:26px; background:url(../images/arw-readmore.png) 94% center no-repeat #7b7b7b; color:#fff; font-weight:bold; margin-top:10px; } #fdback a.mre:hover{ background-color:#000; } #left-ad img{ margin-bottom:13px; border:0; } /* Left Menu */ /* CenterContainer */ #essCenterContainerBg{ background:#333;} #essCenterContainerBg .essWrap{ width:1030px; background:url(../images/pattern-bg.gif) center top repeat-y;} #essCenterContainer{ margin:0 0 0 13px; padding:0; border:0; float:left; width:644px; overflow:hidden} #essCenterContainer p{ color:#555555;} /* CenterContainer */ /* OuterBox Item Description */ .outerBoxitemC{ margin:0; border:0px solid #ccc; padding:0;} .outerBoxitemC .slot{ } .outerBoxitemC .vTitle{ padding:0 0 0 10px; height:36px; line-height:36px; border:0; color:#fff; font-size:13px; font-weight:bold;background: url(../images/CentralArea-title-bg.png) no-repeat left top; } .outerBoxitemC p{ margin:0px; padding:5px 0;} #prdDesc{ padding:0px; font-size:15px; font-weight:normal; } #prdDesc strong{ font-size:16px; } #prdDesc p{ padding:0 0 10px 0; margin:0; font-size:14px!important; font-weight:normal;} #prdDesc ul li{font-size:14px!important; } #prdDesc h2 { font-size:24px; font-weight:normal; color:#111; } #prevImg{ } a.magnifier{ display:block; color:#333333; clear:both; margin:0px 0 10px 0; font-size:11px;background-image:url(../images/icon_magnifier.gif); background-repeat:no-repeat; background-position:left 1px; padding:0 0 0 15px} .imgenlarge{ padding:10px 0; font-size:11px; color:#000; background:url(../images/icon_magnifier.gif) 37% 13px no-repeat; margin:10px 0 0 0 ; text-align:center; z-index:5000; clear:both } .imgenlarge.left{ text-align:left; background-position:28% 10px; color:#555; border:0; clear:left; width:300px; float:left} #itemDescription{ } .itemTitle{ padding:10px; padding-right:46px; border-bottom:1px solid #d6d6d6; margin-bottom:15px; background:url(../images/icon-tag.png) 720px center no-repeat; } .itemTitle *{ margin:0; padding:0; color:#555; font-weight:normal; font-size:20px; line-height:normal; } #itemDescription > table{ width:644px!important;} #itemDescription > table, #itemDescription > table td, #itemDescription > table th{ border-collapse:collapse!important;} #itemDescription > table th, #itemDescription > table td{ font-size:12px!important; font-family:Arial, Helvetica, sans-serif!important; color:#000!important; padding:5px;} #essTabs table{ width:600px!important;} #essTabs table, #essTabs table td{ border:0px solid #cccccc!important; border-collapse:collapse!important; background-color:#fff!important; padding:0!important;} #essTabs table td, #essTabs table td span, #essTabs table td font{ font-size:12px!important; font-family:Arial, Helvetica, sans-serif!important; color:#555!important;} .itemDescriptionC{ clear:both; padding:10px 0; text-align:left; color:#555555;} p.mnd{ color:red;} #outerBoxitem1{ margin-bottom:13px; padding:0; } #outerBoxitem1 p{ font-size:14px; } #outerBoxitem1 h3{ margin:0 0 10px; } /* OuterBox Item Description */ /* Right Menu */ #rMenuContainer{ padding:0; border:0; width:130px; margin:0;} #rMenuContainer .outerBoxRMenuC .cPad{ text-align:center; color:#333; } .outerBoxRMenuC{ margin:0; padding:0; border:0; } .outerBoxRMenuC .vTitle{ padding:0 0 0 8px; background:url(../images/rightpanel-title-bg.png) left center no-repeat; height:34px; line-height:32px; color:#fff; font-weight:bold; text-transform:capitalize; font-size:13px } .outerBoxRMenuC .cPad{ margin:0; padding:0; border:0; text-align:center;} #outerBoxRMenu1, #outerBoxRMenu2, #outerBoxRMenu3, #outerBoxRMenu4{ margin:0 0 13px 0;} /* Right Menu */ /*=Merchant Container*/ #MerchantBox{ width:644px;} /*End Merchant Container*/ /* Merchant Terms */ #outerBoxitem2, #outerBoxitem3, #outerBoxitem4 { } .outerBoxitemC .cPad{ padding:10px 10px; font-size:12px; /*display:inline-block;*/} .outerBoxitemC .cPad p{ font-size:13px;} .outerBoxitemC .cPad p a{ color:#000 ;} .outerBoxitemC .cPad p a:hover{ text-decoration:none;} /* Merchant Terms */ /*End CenterContainer*/ /* Misc */ ul.contact-custom{ padding:0!important; margin:0 0 20px 0!important} ul.contact-custom li{ padding:5px 0 5px 30px; margin:10px 0; color:#555555; background:url(../images/contact-icons.gif) left top no-repeat; list-style:none} ul.contact-custom li a{color:#555555;} ul.contact-custom li.contact-mail{ background-position:left 4px} ul.contact-custom li.contact-address{ background-position:left -36px} ul.contact-custom li.contact-phone{ background-position:left -81px} ul.contact-custom li.contact-openhours{ background-position:left -118px} span.cnt{ color:#000; font-family:Arial; font-size:12px; font-weight:lighter;} .totalImgContainer{ text-align:center; position:relative;border-bottom: 1px solid #CCCCCC;} .prevImageContainer{ margin:0 auto; padding:20px 0; width:320px; text-align:center; height:320px; border:1px solid #ccc!important; overflow:hidden; } .titleLeft{ text-align:left} .prevImageContainerLeft{ margin:0; padding:20px 0; border:0; float:left; width:340px; text-align:center; height:340px; border:1px solid #e1dfe0!important; overflow:hidden; background:#fff } .prevImageContainerLeft img{ text-align:center; border:0; display:inline-block; } .highslide img{ border:0!important; padding:1px; } .prevImageContainer *{ vertical-align:middle; } .prevImageContainer .mdl { width:1px; height:100%; display:inline-block; } .prevImageContainer a{ display:inline-block; } .prevImageContainerLeft *{ vertical-align:middle; } .prevImageContainerLeft .mdl { width:1px; height:100%; display:inline-block; } .prevImageContainerLeft a{ display:inline-block; } .pvImg{ text-align:center!important} div.prev_thumb{ float:left; width:300px; margin:0 0 0 0px; padding:0; border:0; } div.prev_thumb a{ float:left; margin:0 0 10px 10px; padding:3px; border:1px solid #e1dfe0; outline:none; display:inline; height:80px; width:80px; text-align:center; background:#ffffff} div.prev_thumb img{ margin:0; padding:0; /* height:80px; width:80px; */ border:0px!important; } div.prev_img{ float:left; width:300px; } div.prev_img img{ width:300px; border:1px solid #ccc!important; padding:1px!important} div.lcat ul.lev2 { list-style:none outside none; padding:0 0 1px 10px; } /*Buy it now & Add to cart buttons */ .buyAddButtons{ height:50px;} .buyAddButtons a{font-size:16px; font-weight:bold; text-decoration:none;padding:8px 10px 8px 40px; margin:10px 5px 10px 0; color:#FFFFFF; display:block; float:left; width:120px; white-space:nowrap } .buyAddButtons a.essBuyitnow{ background:#FF7A01 url(../images/icon-buyitnow.png) 10px 8px no-repeat; } .buyAddButtons a.essBuyitnow:hover{background:#2A2565 url(../images/icon-buyitnow.png) 10px 8px no-repeat;} .buyAddButtons a.essAddtobasket{background:#FF7A01 url(../images/icon-addtocart.png) 10px 8px no-repeat;} .buyAddButtons a.essAddtobasket:hover{background:#2A2565 url(../images/icon-addtocart.png) 10px 8px no-repeat;} /* Misc */ input.v4sbox{ width:111px;} .width_50{ width:35%; float:left;} .price-tag{ float:left; margin-left:50px;} .price-tag label{ font-size:24px; float:left; padding:0 5px 0 0; color:#262626; font-weight:bold;} .price-tag span{ font-size:24px; color:red; float:left; font-weight:bold;} .merch-img{ float:right; margin:0 0 0 10px;} table.promo-table{ } /*IE Bottom Space Issue*/ #rMenuContainer{ overflow:hidden!important; float:right!important; right:0!important} .jcarousel-skin-tango .jcarousel-item { overflow:hidden!important} ul#mycarousel .wraptocenter { overflow:hidden!important} .prevImageContainerLeft{ overflow:hidden!important} div.prev_thumb a{ overflow:hidden!important} .jcarousel-skin-tango { height:600px;overflow:hidden!important} /* liteTabs */ #tabs{ width: 624px; } #tabnav{ position: relative; margin: 0; padding: 0; height:32px; } #tabnav li{ float:left; list-style-type: none; padding:0; margin-right:1px; } #tabnav li a{ float:left; white-space:nowrap; display: block; text-decoration: none; height:32px; line-height:32px; padding:0 12px; font-weight:lighter; color:#fff; background-color:#666; width:auto; text-align:center; font-size:12px; text-transform:uppercase; } #tabnav .ui-tabs-active a, #tabnav a.selected{color:#fff; background-color:#F97A00; } .slot-data{ padding:10px; border:1px solid #ddd; background-color:#fff; font-size:12px; color:#555; line-height:normal; display:none; } .slot-data p{ padding:0 0 10px 0; margin:0; color:#555555!important;font-size:12px; } .slot-data a{ color:#000; text-decoration:none;} .slot-data a:hover{ color:#666666; } .slot-data ol{ margin:0; padding:0;} .slot-data ol li{ margin:0 0 10px 0; padding:0; display:block; list-style:decimal;} .slot-data ul{ margin:5px 0; padding-left:20px; } .slot-data il li{} .slot-data h3{ margin:0 0 3px 0; font-size:12px; color:#000; } .readmore{ margin:6px 0; display:block; } .promoad{ margin-bottom:13px; } /* Brands Scroller*/ .our-brands-outer{background:url(../images/pattern-bg.gif) center top repeat-y #333; padding:20px 0; text-align:center } .our-brands{width:1000px; height:85px;/* overflow:hidden;*/ margin:0 auto } .our-brands ul{ margin:0; padding:0; } .our-brands ul li{ height:85px; margin:0; padding:0; list-style-type:none; text-align:center } .our-brands .bx-wrapper{ position:relative; padding:0 0px; width:1000px; background:none; } .our-brands .bx-wrapper .bx-viewport{ height:85px } .our-brands .bx-controls a{ position:absolute; top:25px; z-index:100; width:42px; height:34px; line-height:24px; text-indent:-999999px; background: url(../images/brand-arw-horiz.png) no-repeat; } .our-brands .bx-controls .bx-next{ right:-4px; background-position:right 0; } .our-brands .bx-controls .bx-prev{ left:-4px; } /* Brands Scroller*/ /* ess-foot */ #ess-foot{ background:#fff; border-top:3px solid #000 ; text-align:center} #ess-foot .slot{ width:1000px; margin:0 auto; } .join{ height:73px; width:220px; padding:10px 0 0 0; float:right } .join p, .about-us h2{ font-size:14px; color:#7fb310; font-weight:bold; text-transform:uppercase; margin:0; padding:0; line-height:15px } .join a{ float:left; margin-top:6px; } .about-us{height:73px; width:725px; padding:10px 0 0 0; float:left} .about-us p{ font-size:11px; color:#666; font-weight:normal; text-transform:capitalize; margin:5px 0 0 0; padding:0; line-height:15px } #foot-links{ padding:30px 0 25px; } #foot-links .col{ float: left; padding:10px; margin-right:15px; text-align: center; width: 255px; border:1px solid #d4d4d4 } #foot-links .col{ float: left; padding:10px; margin-right:15px; text-align: center; width: 225px; border:1px solid #d4d4d4 }#foot-links .lst{ border: 0 none; float: left; margin: 0 0 0 40px; padding: 0; width: 282px; } #foot-links .addfav{ border:0; padding:15px 0 0 0; margin:0; width:150px } #foot-links h6{ margin:0 0 5px 0; padding:0; color:#ff7a00; font-size:12px; text-transform:uppercase; text-align:center } #foot-links .left{ margin:0 0 5px 0; padding:0 0 0 25px; color:#ff7a00; font-size:12px; text-transform:uppercase; text-align:left } #foot-links ul.lvl2{ margin-left:34px; } #foot-links ul{ padding:0; margin:0; float:left; text-align:center} #foot-links ul.info2{ padding:0; margin:0; float:left; text-align:left } #foot-links ul li{ color:#737373; margin:0; font-size:11px; list-style:none; line-height:17px; display:inline;background:url(../images/foot-li-sep.gif) left center no-repeat; } #foot-links ul li a{ color:#404040; font-size:12px; text-decoration:none; text-transform:uppercase; font-weight:bold; padding:0 0 0 10px; margin:0 4px } #foot-links ul li.nosep{ color:#737373; margin:0; font-size:11px; list-style:none; line-height:17px; display:inline-block;background:none;} #foot-links ul li.nosep a{ color:#404040; font-size:12px; text-decoration:none; text-transform:uppercase; font-weight:bold; padding:0 0 0 0px; margin:0 4px } #foot-links .lnk a{ display:block; color:#6c97b1; font-weight:bold; text-decoration:underline; } #foot-links ul li.adrs{ background:url(../images/icon-address.gif) left top no-repeat; padding-left:25px; margin-bottom:5px; } #foot-links ul li.num{ background:url(../images/icon-phone.png) left center no-repeat; padding:0 0 0 25px; text-transform:lowercase; font-weight:bold;font-size:12px; color:#404040; display:inline-block;} #foot-links ul li.email{ background:url(../images/icon-email.png) left center no-repeat; padding-left:11px; } #foot-links ul li.email a{ text-transform:lowercase;} #foot-links ul li a:hover{ color:#2a2565; text-decoration:none; } .footerBot{ text-align:center; } .cpyright{ color:#737373; font-size:11px; height:35px; margin-top:5px;border-top: 1px solid #CECECE; } .cpyright .txt{ font-size:11px; float:left; margin-top:10px; } .cpyright a{ color:#737373!important; text-decoration:none; } .cpyright a:hover{ color:#2A2565!important; } .dsgn{ float:right; margin:3px 0 0 0!important; width:185px; } .dsgn span{ padding:5px 0; float:left; display:block; } .dsgn a{ font-weight:bold; background:url(../images/icon-ess24x24.png) left center no-repeat; padding:5px 0 5px 27px; height:14px; float:right; display:block; } /* ess-foot */