/* Code & Design (c) 2007 Kristian Zieger | copyright (c) 2007 iwascoding GmbH */


/* ================================== General ================================== */

#noscriptwarning {color: red; padding: 10px; border: dotted 1px red; text-align: center; font-size: 14px; margin: 0 80px; font-weight: bold;}
#imgpreloader {}
/* .............. ebay tags .............. */
#itemlistcontrols {display: none !important; visibility: hidden; height: 1px;}
div#allitems-endingsoon table th {height: 1px; overflow: hidden; border-top: solid 1px #b8b7b7; font-size: 1px; line-height: 1px; color: #fff; background: #fff !important;}
div#allitems-newlylisted table th {height: 1px; overflow: hidden; border-top: solid 1px #b8b7b7; font-size: 1px; line-height: 1px; color: #fff; background: #fff !important;}
div.ebPicture {border: solid 0px #b8b7b7; min-height: 50px;}
div.ebPicture img {}

#ebaystorelogo {display: none !important; height: 1px; overflow: hidden; visibility: hidden;}
#storearea {position: relative; margin-top: -0px; z-index: 4; width: 100%; background: #fff;}
#storearea, #storearea td, #storearea div, #storearea span, #storearea a, .storetable td, .storetable div, .storetable span, .storetable a, .storecontenttable td, .storecontenttable div, .storecontenttable span, .storecontenttable a  {font-family: 'Lucida Grande', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, 'Trebuchet MS', Verdana, sans-serif;}
.iwascodinglogo {}

/* ================================== StoreHome: Start ================================== */

.storetable {width: 100%;}
.storebg {background: #010101; clear: both;}
.storetopcenter {background: url(StoreImages/store_02.jpg) repeat-x scroll top left;}
.storebottomcenter {background: url(StoreImages/store_08.jpg) repeat-x scroll bottom left;}
.storemiddleleft {background: url(StoreImages/store_04.jpg) repeat-y scroll top left;}
.storemiddleright {background: url(StoreImages/store_06.jpg) repeat-y scroll top right;}
.storetopleft {background: url(StoreImages/store_01_brandnew.jpg) no-repeat scroll top left;}
.storetopright {background: url(StoreImages/store_03.jpg) no-repeat scroll top right;}
.storebottomleft {background: url(StoreImages/store_07.jpg) no-repeat scroll bottom left;}
.storebottomright {background: url(StoreImages/store_09.jpg) no-repeat scroll bottom right;}

/* ================================== TopBar: Start ================================== */

div.TopBarspacer {height: 4px; font-size: 1px; line-height: 1px;}
div.TopBar {height: 43px; overflow: hidden; clear: both; padding-left: 22px;}

/* .............. Search .............. */

div.searchshop {float: left; margin: 11px 0 0 0px;}
.searchshop input {float: left; padding-top: 0;}
.searchshopsubmit {margin-left: 5px; width: 18px; height: 19px;}

/* .............. Links .............. */

#storeLinksRight {float: right;}
.TopBar a {display: block; color: #aaa; padding: 12px 10px 20px 10px; font-size: 14px; font-weight: normal; text-decoration: none; text-align: center; margin: 0px; border-right: 1px solid #222; border-left: 0px solid #2b2c2f; float: left; height: 35px; text-shadow: 0px -1px 0px #000;}
.TopBar a:hover {display: block; color: #eee; background: #010101 url(StoreImages/store_topbarhover.jpg) repeat-x scroll top left; padding-left: 10px; border-left: none;} /* <<< depends on: TopBar padding */
.TopBar a:active {color: #fff;}
a.rightLink {border-right: none; padding-right: 22px;}
a:hover.rightLink {background: url(StoreImages/store_topbarhoverright.jpg) no-repeat scroll top right; border-right: none;}
div.leftborder {border-left: solid 1px #222; float: right; height: 49px;}

/* ::::::::::::: TopBar: End :::::::::::::::::::::::::::::::::::::: */
/* ================================== StoreHeader: Start ================================== */

.storeheader {margin-top: 15px; padding: 0 23px 0 315px;}

div#headerBoxleft {color: #bbb; font-size: 13px; line-height: 1.3;}
div#headerBoxGarageSale {background: url(StoreImages/store_GarageSale.jpg) no-repeat scroll bottom center; height: 70px;}
div#headerBoxSubtitle {color: #4b8bd7; font-size: 18px; text-align: center; padding: 5px 0 14px 0; white-space: nowrap;margin: 0 7px;}

div#headerBoxright {color: #888a8e; padding: 5px 0 18px 10px;}
div#box1 {background: #353535 url(StoreImages/store_info-box_03.jpg) repeat-y scroll top left;}
div#box2 {background: url(StoreImages/store_info-box_01.jpg) no-repeat scroll top left;}
div#box3 {background: url(StoreImages/store_info-box_02.jpg) no-repeat scroll top right;}
div#box4 {background: url(StoreImages/store_info-box_04.jpg) no-repeat scroll bottom left;}
div#box5 {background: url(StoreImages/store_info-box_05.jpg) no-repeat scroll bottom right; padding: 0 15px 0 35px; height: 160px;}
div#boxminwidth {width: 190px; height: 1px; font-size: 1px; line-height: 1px; min-width: 190px;}

div#UBApp {padding: 15px 0 15px 0; clear: both; font-size: 11px; }
div#UBApp img {margin: 0 10px 15px 0; width: 80px; height: 51px;}
div#certifiedApp {padding: 0 0 15px 0; clear: both; font-size: 11px; }
div#certifiedApp img {margin: 0 10px 0 0; width: 80px; height: 61px;}

/* ::::::::::::: StoreHeader: End :::::::::::::::::::::::::::::::::::::: */
/* ================================== Content Area: Start ================================== */

#storecontentarea {margin: 0px 22px 0 22px;}
.storecontenttable {}
.tdspacer, .tdspacer div {width: 16px;}
.tdspacer div {height: 10px;}
div#minheight {height: 290px;}

/* .............. Top .............. */
.sectiontop, .sectiontop div, .sectiontopcenter div {height: 23px;}
.smallfontforIE {font-size: 1px; line-height: 1px;}
div.sectiontop {background: url(StoreImages/store_section_02.gif) repeat-x scroll top left;}
div.sectiontopcenter {background: url(StoreImages/store_section_02.gif) repeat-x scroll top left;}
.sectiontop div.sectiontopleft, .sectiontop div.sectiontopright {width: 192px;}
div.sectiontopleft {background: url(StoreImages/store_section_01.gif) no-repeat scroll top left; padding-left: 9px;}
div.sectiontopright {background: url(StoreImages/store_section_03.gif) no-repeat scroll top right; padding-right: 9px;}

/* .............. Middle .............. */
td.sectioncontent {background: #383838; width: 190px;}
td.sectioncontentcenter {background: #fff; width: 100%; padding: 0 0px;}

/* ................. Titles .............. */
.sectiontitleleft {background: url(StoreImages/store_tab_categories.jpg) no-repeat scroll bottom center;}
.sectiontitlecenter {background: url(StoreImages/store_tab_itemoverview.jpg) no-repeat scroll bottom center;}
.sectiontitlecenterTemplateGsSingleEn {background: url(StoreImages/store_tab_gsSingleEN.jpg) no-repeat scroll bottom center;}
.sectiontitlecenterTemplateGsFamilyEn {background: url(StoreImages/store_tab_gsFamilyEN.jpg) no-repeat scroll bottom center;}
.sectiontitlecenterTemplateGsSingleDe {background: url(StoreImages/store_tab_gsSingleDE.jpg) no-repeat scroll bottom center;}
.sectiontitlecenterTemplateGsFamilyDe {background: url(StoreImages/store_tab_gsFamilyDE.jpg) no-repeat scroll bottom center;}
.sectiontitleright {background: url(StoreImages/store_tab_info.jpg) no-repeat scroll bottom center;}

/* ................. Borders .............. */
td.sectionborder, td.sectionborder div {width: 1px; background: #000;}
td.sectionborder div {height: 10px;}

/* ................. Left & Right Content .............. */
div.sectiontoptab {margin: 0 0px; padding: 0;}
td.sectioncontent div, td.sectioncontent {font-size: 11px; line-height: 1.3; color: #d5d5d5;} /* <<< font settings */

/* .................... Section tabs .............. */
div.sectiontab-a {margin: 15px 0 0 0; font-size: 13px; background: url(StoreImages/store_tab_02.jpg) repeat-x scroll top left;}
div.sectiontab-b {background: url(StoreImages/store_tab_01.jpg) no-repeat scroll top left;}
div.sectiontab-c {background: url(StoreImages/store_tab_03.jpg) no-repeat scroll top right; padding: 4px 1px 0 1px;}

/* ================= Left Content ================= */
/* .................... Categories .............. */
.categorylinks ul {list-style: none; margin: 0 0 40px 0; padding: 0; font-size: 12px; font-weight: bold;}
.categorylinks li {display: inline;}
.categorylinks li a {text-decoration: none; color: #fff; display: block; background: #333 url(StoreImages/store_category-background.gif) no-repeat scroll center left; padding: 3px 0 3px 20px; border-bottom: dotted 1px #232323; text-shadow: none;}
.categorylinks li a:hover {color: #fff; background: #202020 url(StoreImages/store_category-background.gif) no-repeat scroll center left; padding: 3px 0 3px 20px; border-bottom: solid 1px #333; text-shadow:none;}

p.seeallitems {padding: 0 0 0 10px; font-style: italic; font-size: 10px;}
p.seeallitems a {text-decoration: none; color: #d5d5d5;}
p.seeallitems a:hover {color: #d5d5d5; border-bottom: dotted 1px #d5d5d5;}

/* ....................... Section tab title:  Terms .............. */
div.sectiontab-termstitle {background: url(StoreImages/store_tab_terms.jpg) no-repeat scroll top center; padding: 25px 8px 0 8px;}
div.sectiontab-termstitle img {width: 60px; height: 20px; border: solid 1px #111; margin-top: 3px;}
div.sectiontab-termstitle a {text-decoration: none; color: #d5d5d5; border-bottom: dotted 1px #666;}
div.sectiontab-termstitle a:hover {color: #d5d5d5; border-bottom: dotted 1px #d5d5d5;}

/* ....................... Section tab title:  Seller Info .............. */
div.sectiontab-sellerinfo {background: url(StoreImages/store_tab_feedback.jpg) no-repeat scroll top center; padding: 25px 8px 0 8px;}
div.sectiontab-sellerinfo a {text-decoration: none; color: #d5d5d5; border-bottom: dotted 1px #666;}
div.sectiontab-sellerinfo a:hover {color: #d5d5d5; border-bottom: dotted 1px #d5d5d5;}
img#feedbackimg {border: solid 0px black; width: 60px; height: 60px;}

/* ....................... Template: Section tab title: Testimonials .............. */
div.sectiontab-testimonials {background: url(StoreImages/store_tab_testimonials.jpg) no-repeat scroll top center; padding: 25px 8px 15px 8px; text-align: left;}
.TemplateTestimonialBox1 {background: #252525 url(StoreImages/TestimonialBox_01.jpg) no-repeat; width: 161px;overflow:  hidden;}
.TemplateTestimonialBox2 {background: url(StoreImages/TestimonialBox_02.jpg) no-repeat bottom left;padding: 7px 10px 30px 10px; color: #999 !important; font-style: italic;}
.TemplateTestimonialBox2b {background: url(StoreImages/TestimonialBox_02b.jpg) no-repeat bottom left;padding: 7px 10px 30px 10px; color: #999 !important; font-style: italic;}
.TemplateTestimonialBoxName {text-align: right;font-style: normal;}

/* ------------------------------------------------- */
/* ================= Center Content ================= */
td.sectioncontentcenter div, td.sectioncontentcenter {font-size: 14px; color: #333; line-height: 1.3;} /* <<< font settings */
div#viewtab {padding: 3px 0; background: #383838; border-bottom: solid 1px #111; border-top: solid 1px #232323; text-align: center; font-weight: normal; font-size: 11px; color: #ccc; text-shadow: none;}
#viewtab span {float: left; padding-top: 0px; font-size: 12px;}


/* .................... View Buttons .............. */
#viewbuttons {height: 17px; overflow: hidden; margin: 0 auto; padding: 0; width: 400px;}
#viewbuttons span {font-size: 11px;}

#viewbuttons ul {margin: 0; padding: 0; list-style: none;}
#viewbuttons li {display: inline; margin: 0; padding: 0;}
#viewbuttons a {float: left; background: url(StoreImages/store_viewbuttonleft.jpg) no-repeat scroll top left; margin: 0 4px; padding: 0 0 0 9px; text-decoration: none;}
#viewbuttons a span {float: left; display: block; background: url(StoreImages/store_viewbuttonright.jpg) no-repeat scroll top right; padding: 1px 13px 14px 4px; color: #888;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#viewbuttons a span {float: none;}
/* End IE5-Mac hack */
#viewbuttons a:hover span {color: #aaa;}
#viewbuttons a:active span {color: #999;}

#viewbuttons #currentviewbutton a {background-position: 0% -45px;}
#viewbuttons #currentviewbutton a span {background-position: 100% -45px; padding-bottom: 8px; color: #121212;}

#viewbuttons a:hover {background-position: 0% -45px;}
#viewbuttons a:hover span {background-position: 100% -45px;}

/* .................... View Buttons Template .............. */
#viewbuttonsTemplate {height: 17px; overflow: hidden; margin: 0 auto; padding: 0; width: 345px;}
#viewbuttonsTemplate span {font-size: 11px;}

#viewbuttonsTemplate ul {margin: 0; padding: 0; list-style: none;}
#viewbuttonsTemplate li {display: inline; margin: 0; padding: 0;}
#viewbuttonsTemplate a {float: left; background: url(StoreImages/store_viewbuttonleft.jpg) no-repeat scroll top left; margin: 0 4px; padding: 0 0 0 9px; text-decoration: none;}
#viewbuttonsTemplate a span {float: left; display: block; background: url(StoreImages/store_viewbuttonright.jpg) no-repeat scroll top right; padding: 1px 13px 14px 4px; color: #888;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#viewbuttonsTemplate a span {float: none;}
/* End IE5-Mac hack */
#viewbuttonsTemplate a:hover span {color: #aaa;}
#viewbuttonsTemplate a:active span {color: #999;}

#viewbuttonsTemplate #currentviewbutton a {background-position: 0% -45px;}
#viewbuttonsTemplate #currentviewbutton a span {background-position: 100% -45px; padding-bottom: 8px; color: #121212;}

#viewbuttonsTemplate a:hover {background-position: 0% -45px;}
#viewbuttonsTemplate a:hover span {background-position: 100% -45px;}

/* .................... All Items - Ending Soon .............. */
div#allitems-endingsoon {padding: 5px 0 0 0; color: #222; display: none;}
div#allitems-endingsoon div.ebPicture img {border: solid 1px #d0d1d2;}
div#allitems-endingsoon table.ebItemlist td {border-bottom: solid 1px #d0d1d2;}
div#allitems-endingsoon tr.ebHlOdd td {background: #fff url(StoreImages/store_newlylistedbg.jpg) repeat-x scroll bottom left; border-top: solid 1px #fff;}
div#allitems-endingsoon tr.single:hover td {background: #efefef;}
div#allitems-endingsoon table.ebItemlist thead td {background: #eee; border-top: solid 1px #d0d1d2; border-top: solid 1px #d0d1d2;}
div#allitems-endingsoon div.navigation, .ebItemlist td a {font-size: 10px !important;}   /* <<< font size subtitle, Time Left */

/* .................... All Items - Newly Listed .............. */
div#allitems-newlylisted {padding: 5px 0 0 0; color: #222; display: none;}
div#allitems-newlylisted div.ebPicture {border: solid 1px #ccc; background: #fff url(http://pics.ebaystatic.com/aw/pics/stockimage1.jpg) no-repeat scroll center center; min-height: 80px;}
#allitems-newlylisted td.gallery tr:hover {background: #f9f9f9;}


/* .................... Showcase .............. */
	.licenseBox {border: solid 1px #bbb; font-family: 'Lucida Grande', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, 'Trebuchet MS', Verdana, sans-serif;}
	.licenseBoxtitle {text-align: center; position: relative; margin-top: -10px;}
	.licenseBoxtitle span {background: #fff; padding: 0 12px; color: #1e6cc6 !important; font-size: 16px; font-weight: bold;}
	.licenseBoxContent {padding: 4px 12px 12px 12px; text-align: left;}
	
	div#storeshowcase {padding: 20px 10px 0 10px; color: #222;}
	#showcasetable {clear: both;}
	.showcasetablediv {width: 240px; overflow: hidden;}
	div.showcasetabledivdiv {margin: 0 15px;}
	.storeshowcasetopcenter {margin: 0 5px;}  /* <<< enter width: 240px; for fix showcase width */ 
	.storeshowcasebottom {background: url(StoreImages/store_showcasebottom.jpg) repeat-x scroll bottom right; padding: 0px 0 7px 0; min-height: 135px; clear: both;}
	.showcasetabledivdiv table table table table td {vertical-align: middle; text-align: center; height: auto; font-size: 10px !important;}
	.showcasetabledivdiv table {width: 100%;}

/* ------------------------------------------------- */
/* ================= Right Content ================= */
/* .................... Seller Info .............. */
div#sellerinfo {padding: 5px 8px 0 8px; text-align: left;}
div#sellerinfo a {text-decoration: none; color: #d5d5d5; border-bottom: dotted 1px #666;}
div#sellerinfo a:hover {color: #d5d5d5; border-bottom: dotted 1px #d5d5d5;}
div#sellerinfo img#feedbackimg {border: solid 0px black; width: 60px; height: 60px; float:  right;}
div#ebayUserIDdiv {margin-top: 12px; width: 165px; height: 20px; overflow: hidden;}
span#ebayUserID {font-size: 10px; color: #ddd;}
span#ebayUserID a {color: #d5d5d5; border-bottom: dotted 0px #d5d5d5;}
span#ebayUserID a:hover {color: #d5d5d5; border-bottom: dotted 0px #d5d5d5;}

/* ....................... Section tab title: requirements .............. */
div.sectiontab-requirements {background: url(StoreImages/store_tab_requirements.jpg) no-repeat scroll top center; padding: 25px 8px 15px 8px; text-align: left;}

/* ....................... Section tab title: Special .............. */
div.sectiontab-special {background: url(StoreImages/store_tab_special.jpg) no-repeat scroll top center; padding: 25px 8px 0 8px; text-align: left;}
div.sectiontab-special img {margin-left: 50px; border: solid 0px black; width: 72px; height: 71px;}
/* .................... Section tab Special .............. */
div.sectiontabspecial-a {margin: 15px 0 0 0; font-size: 13px; background: url(StoreImages/store_tabspecial_02.jpg) repeat-x scroll top left;}
div.sectiontabspecial-b {background: url(StoreImages/store_tabspecial_01.jpg) no-repeat scroll top left;}
div.sectiontabspecial-c {background: url(StoreImages/store_tabspecial_03.jpg) no-repeat scroll top right; padding: 4px 1px 0 1px;}

/* ------------------------------------------------- */
/* .............. Bottom .............. */
.sectionbottom div, .sectionbottomcenter div {height: 22px;}
th.sectionbottom {background: url(StoreImages/store_section_08.jpg) repeat-x scroll bottom left;}
th.sectionbottomcenter {background: url(StoreImages/store_sectioncenter_08.jpg) repeat-x scroll bottom left;}
.sectionbottom div.sectionbottomleft, .sectionbottom div.sectionbottomright {width: 192px;}
div.sectionbottomleft {background: url(StoreImages/store_section_07.jpg) no-repeat scroll bottom left;}
div.sectionbottomright {background: url(StoreImages/store_section_09.jpg) no-repeat scroll bottom right;}
div.sectionbottomcenterleft {background: url(StoreImages/store_sectioncenter_07.jpg) no-repeat scroll bottom left;}
div.sectionbottomcenterright {background: url(StoreImages/store_sectioncenter_09.jpg) no-repeat scroll bottom right;}

#bottomspacer {height: 20px;}

/* ::::::::::::: Content Area: End :::::::::::::::::::::::::::::::::::::: */
/* ================================== Footer: Start ================================== */

#storefooter {font-size: 10px; color: #666; text-align: center; margin-top: 2px;}
#storefooter a {text-decoration: none; color: #666;}
#storefooter a:hover {text-decoration: none; color: #444; border-bottom: dotted 1px #555;}
a#iwascoding {text-decoration: none; color: #666;}
a:hover#iwascoding {text-decoration: none; color: #000;}
a:hover#iwascoding b#design {text-decoration: none; color: #194da1; font-size: 10px;}

/* ::::::::::::: Footer: End :::::::::::::::::::::::::::::::::::::: */ 

/* ================================== StoreTemplate CSS: Start ================================== */
/* .............. ContentBoxes .............. */
.TemplateContentBox {margin: 0 15px; padding: 12px 0 30px 0; font-size: 12px !important; color: #555;clear: both;}
.TemplateContentBoxImgLeft {margin:  0 15px 15px 0;}
.TemplateContentBoxImgRight {margin:  0 0 30px 15px;}
.TemplateContentBoxTitle {color: #000; font-size: 16px; font-weight: bold;}

/* .............. FeatureBoxes .............. */
.TemplateFeatures { color: #555;clear: both; background: #efefef; padding: 12px;margin-bottom:  0px;}
.TemplateFeaturesSpacer {clear: both;font-size: 1px !important; line-height: 1px !important;}

.TemplateFeaturesBox1 { float: left;}
.TemplateFeaturesBox2 {background: #fff url(StoreImages/TemplateFeatureBox_02.jpg) repeat-x; margin-left: 0px;}
.TemplateFeaturesBox3 {background: url(StoreImages/TemplateFeatureBox_11.jpg) repeat-x bottom left;}
.TemplateFeaturesBox4 {background: url(StoreImages/TemplateFeatureBox_05.jpg) repeat-y;}
.TemplateFeaturesBox5 {background: url(StoreImages/TemplateFeatureBox_07.jpg) repeat-y top right;}
.TemplateFeaturesBox6 {background: url(StoreImages/TemplateFeatureBox_01.jpg) no-repeat;}
.TemplateFeaturesBox7 {background: url(StoreImages/TemplateFeatureBox_04.jpg) no-repeat top right;}
.TemplateFeaturesBox8 {background: url(StoreImages/TemplateFeatureBox_10.jpg) no-repeat bottom left;}
.TemplateFeaturesBox9 {background: url(StoreImages/TemplateFeatureBox_12.jpg) no-repeat bottom right;}
.TemplateFeaturesBox10 {padding: 10px 12px 20px 12px;}
.TemplateFeaturesBox11 {font-size: 11px !important; color: #555 !important;}
.TemplateFeaturesBox11 img {border: solid 0px #ccc;}

/* ================================== StoreTemplate GarageSaleBasic CSS: Start ================================== */
.storetopleft-GarageSaleBasic {background: url(StoreImages/store_01_GarageSaleBasic.jpg) no-repeat scroll top left;}
div#headerBoxGarageSaleBasic {background: url(StoreImages/store_GarageSaleBasic.jpg) no-repeat scroll bottom center; height: 70px; min-width: 412px;}
.sectiontitlecenterTemplateGsBasicSingleEn {background: url(StoreImages/store_tab_gsBasicSingleEN.jpg) no-repeat scroll bottom center;}

/* ================================== StoreTemplate GaragePay CSS: Start ================================== */
.storetopleft-GaragePay {background: url(StoreImages/store_01_GaragePay.jpg) no-repeat scroll top left;}
div#headerBoxGaragePay {background: url(StoreImages/store_GaragePay.jpg) no-repeat scroll bottom center; height: 90px;}
.sectiontitlecenterTemplateGaragePaySingleEn {background: url(StoreImages/store_tab_GaragePaySingleEN.jpg) no-repeat scroll bottom center;}

/* Code & Design (c) Kristian Zieger | copyright (c) iwascoding GmbH */
/* This code may not be used without permission of iwascoding */