/* Balcony Shirts Static Page Styles */

#about{ padding-bottom:130px; background:url(../img/about/content_bg02.jpg) bottom left no-repeat; }
#about h2, #help h2, #articles h2{ font-size:70%; color:#464646; margin:15px 0; }
#about h3, #help h3, #articles h3{ font-size:70%; color:#d19228; margin:15px 0; }
#about p, #help p, #articles p{ font-size:70%; color:#464646; line-height:1.2; margin:15px 0; }
#about .textRight{ margin-left:250px; }
#about h3.textRight{ margin-top:43px; }

#help.help{ padding-bottom:87px; background:url(../img/help/index_bg.jpg) bottom left no-repeat; }
#help.help p.textLeft{ margin-right:248px; }
#help p a{ font-weight:bold; color:#f97700; }

#help h1, #articles h1{ background:none; font-size:70%; color:#464646; margin:15px 0; text-indent:0; }

/* help static nav */
ul.sMenu{ margin-top:2px; height:62px; padding-top:8px; text-align:center; background:url(../img/help/menu_bg.jpg) 0 0 no-repeat; }
ul.sMenu li{ display:inline; margin-right:30px; font-size:70%; font-weight:bold; }
ul.sMenu li a{ padding:0 0 6px 25px; line-height:25px; color:#fff; background:url(../img/help/menuLi.png) 0 0 no-repeat; }
ul.sMenu li a:hover, ul.sMenu li a.on{ color:#000; text-decoration:none; background:url(../img/help/menuLi_over.png) 0 0 no-repeat; }

/* customer services / help & advice */
#help #helpContact{ position:relative; background:url(../img/help/contact2_bg.jpg) right 255px no-repeat; }
#help .contactBg{ background:url(../img/help/contact_bg.jpg) bottom left no-repeat; }

#help p.method{ font-weight:bold; margin:0 0 27px 30px; padding:0 0 0 40px; }
#help p.postal{ margin-top:43px; color:#d19228; background:url(../img/icons/contactPost.gif) 0 0 no-repeat; }
#help p.telephone{ color:#746747; padding-bottom:10px; background:url(../img/icons/contactPhone.gif) 0 0 no-repeat; }
#help p.email{ padding-bottom:102px; background:url(../img/icons/contactEmail.gif) 0 0 no-repeat; }

/* faqs */
.faq .questions{ background:url(../img/help/faqQ_bg.jpg) 0 0 no-repeat; }
.faq .questions ul{ position:relative; font-size:70%; padding-bottom:65px; margin:0 0 0 -10px; }
.faq .questions ul li{ width:332px; line-height:1.3; padding:7px 0 0 0; font-weight: bold; }
.faq .questions ul li em{ padding-right:10px; font-style:normal; }
.faq .questions ul li a{ display:block; line-height:1.3; color:#464646; padding:0 0 0 10px; text-decoration:none; }
.faq .questions ul li a:hover{ color:#fff; background:url(../img/help/faqQOver_bg.gif) 0 0 no-repeat; }

.faq .answers{ position:relative; padding-top:30px; }
.faq .answers .question{ position:relative; margin-bottom:30px; background:url(../img/help/question_bg.png) 0 0 no-repeat; }
.faq .answers .on{ background:url(../img/help/question_bg_over.png) 0 0 no-repeat; }
#help .answers h3{ padding-top:4px; color:#333; margin:0 0 0 10px; }
#help .answers p{ margin:15px 10px; }
#help .answers a{ font-weight:bold; color:#f97700; }
#help .answers a.top{ position:absolute; right:10px; top:4px; line-height:1.2 }

/* shipping & delivery */
.delivery, .returns{ position:relative; padding:0 0 65px 0; background:url(../img/help/delivery_bg.gif) bottom left no-repeat; }
.delivery table{ width:326px; float:left; margin:10px 0 10px 60px;display:inline; font-size:70%; background:url(../img/help/deliveryTable_bg.png) 0 0 no-repeat; }
.delivery table th{ height:27px; padding-left:22px; font-weight: bold; color:#f97700; vertical-align:middle; text-transform:uppercase; }
.delivery table td{ color:#464646; font-weight: bold; height:37px; vertical-align:middle; }
.delivery table .rule{ width:194px; padding-left:22px; height:30px; }
.delivery table .price{ width:135px; height:30px; text-align:center;}

.delivery .deliveryMobile{ float:left; margin-top:11px; }

/* returns */
.returns img{ float:right; margin-left:27px; }
.returns ol{ font-size:70%; color:#464646; }
.returns ol li{ line-height:1.4; margin:0 0 10px 12px; text-indent:-12px; }
.returns ol li a{ font-weight:bold; color:#f97700; }

/* ask a question form */
.form, .formThanks{ position:relative; width:351px; margin:0 0 -13px 10px; padding-bottom:43px; background:url(../img/help/form_bg.jpg) 0 30px no-repeat; }
.formThanks{ padding:0; height:270px; }
.formThanks .thanks{ text-align:center; padding-top:70px; }
#help .form .content {padding-top: 39px;}
#help .form h3, #help .formThanks h3{ height:30px; margin:0; line-height:2.6; color:#fff; text-indent:12px; background:url(../img/help/formHeader_bg.jpg) 0 0 no-repeat; }
#help .form .errors{ padding:5px 0 0 19px; position: absolute; top: -170px; left: 0px;}
#help .form .errors p{ color:#ff0000; margin:0; padding-left:19px; background:url(../img/icons/checkAccountError.gif) 0 0 no-repeat; width: 200px; height: 15px;}
#help .form label{ display:block; clear:left; float:left; text-align:right; width:112px; font-size:70%; color:#464646; font-weight:bold; line-height:1.2; }
#help .form label span{ color:#ff0000; font-weight:normal; }
#help .form input, #help .form textarea{ display:block; font-size:11px; float:left;margin:0 0 10px 5px;display:inline; width:185px; padding:2px; background:#fdf0ce; border:1px solid #a4a4a4; }
#help .form textarea{ height:74px; }
#help .form fieldset{ padding-bottom:10px; }
#help .form fieldset p{ position:absolute; top:214px; margin:0; left:123px; font-size:10px; color:#ff0000; }
#help .form .fieldError input{ border:1px solid #c54b09; }
.helper{ position:absolute; bottom:0px; right:0px; }

/* errors */
.err{ font-size:70%; margin-bottom:20px; }
.err img{ display:block; margin:22px auto 32px auto; }
.err h3{ color:#424242; margin:0 0 0 54px; }
.err ul{ position:relative; margin:10px 30px 15px 54px; }
.err ul li{ display:block; margin-bottom:10px; padding:0 0 0 15px; line-height:1.2; background:url(../img/icons/prodLi.gif) 0 3px no-repeat; }
.err ul li a{ color:#424242; }
.err p{ text-align:center; margin-bottom:50px; color:#424242; }

/* terms and conditions */
.terms .intro p{ margin-left:0; margin-bottom:20px; }
.terms p{ font-size:70%; color:#464646; line-height:1.2; margin:11px 0 11px 20px; }
.terms a{ text-decoration:underline; color:#464646; }
.terms h2{ font-size:70%; margin:0 0 11px 0; color:#d19228; }
.terms ol{ list-style-type:lower-alpha; list-style-position:outside; margin:11px 0 11px 45px; }
.terms ol li{ font-size:70%; color:#464646; line-height:1.2; }
.terms .hr{ width:260px; margin:20px auto; background:url(../img/icons/hr.gif) 0 0 repeat-x; }
.terms .intro{ background:none; }
.terms .intro .hr{ width:100%; }
.terms .address{ color:#d19228; }

/* articles & advice */

/* article static nav */
#articleMenu{ width:568px; position:relative; margin:2px 0 0 0; /*background-position:0 bottom; background-repeat:no-repeat;*/ background:#f97700 url(../img/articles/artStandard_bg.jpg) no-repeat left bottom;}

/*
.intro{ background-image:url(../img/articles/artIndex_bg.jpg); }
.tShirts{ background-image:url(../img/articles/artBalcony_bg.jpg); }
.quality{ background-image:url(../img/articles/artQuality_bg.jpg); }
.funny{ background-image:url(../img/articles/artFunny_bg.jpg); }
.retro{ background-image:url(../img/articles/artRetro_bg.jpg); }
.history{ background-image:url(../img/articles/artHistory_bg.jpg); }
.tShirtHistory{ background-image:url(../img/articles/artTHistory_bg.jpg); }
.spotting{ background-image:url(../img/articles/artSpotting_bg.jpg); }
.street{ background-image:url(../img/articles/artStreet_bg.jpg); }
.festival{ background-image:url(../img/articles/artFestival_bg.jpg); }
.celebrity{ background-image:url(../img/articles/artCelebrity_bg.jpg); }
.tele{ background-image:url(../img/articles/artTele_bg.jpg); }
.like{ background-image:url(../img/articles/artLike_bg.jpg); }
*/

.artMenu, .artSub{ position:relative; width:244px; padding:7px 0 0 17px; font-size:70%; }

.artMenu li.on{ background:url(../img/articles/artSubArrow.gif) no-repeat; }
.artMenu li.on.sub1{ background-position:right 0; }
.artMenu li.on.sub2{ background-position:right -26px; }
.artMenu li.on.sub3{ background-position:right -52px; }
.artMenu li.on.sub4{ background-position:right -78px; }

.artSub{ position:absolute; top:0; right:0; width:293px; padding-left:0; }
.artMenu li a{ display:block; position:relative; width:218px; padding:0 0 6px 20px; line-height:20px; color:#fff; background:url(../img/help/menuLi.png) 0 0 no-repeat; }
.artSub li a{ display:block; position:relative; width:283px; background:url(../img/icons/arrowWhite.gif) 0 8px no-repeat;  padding:0 0 6px 10px; line-height:20px; color:#fff; }
.artMenu li a:hover, .artMenu li a.on, .artSub li a:hover, .artSub li a.on{ color:#000; text-decoration:none; background:url(../img/help/menuLi_over.png) 0 0 no-repeat; }
.artSub li a:hover, .artSub li a.on{ background:url(../img/icons/arrowBlack.gif) 0 8px no-repeat; }

#articles.articles{ padding-bottom:87px; background:url(../img/articles/index_bg.jpg) bottom left no-repeat; }
#articles p.textLeft{ margin-right:248px; }
#articles p em{ font-style:italic; }
#articles p a{ font-weight:bold; color:#f97700; }
#articles ul.content, #articles ol.content, #articles ul.retroShirts{ position:relative; margin:15px 26px; font-size:70%; color:#464646; }
#articles ul.content li, #articles ul.retroShirts li{ background:url(../img/icons/prodLi.gif) 0 6px no-repeat; padding-left:14px; line-height:1.8; }
#articles ul.retroShirts li{margin-bottom:15px;line-height:1.2;}
#articles ul.content li a{color:#464646;}
#articles ul.content li a:hover{text-decoration:underline;color:#f97700;}
#articles ol.content{list-style-type:decimal;}
#articles ol.content li{padding-left:10px;background:none;line-height:1.2;margin-bottom:10px;}

.balcony{ padding-bottom:65px; background:url(../img/articles/page_bg.gif) bottom left no-repeat; }

#articles p.artIntro{ width:385px; line-height:1.4; }
#articles p.artIntro2{ width:285px; line-height:1.4; }

/* resources */
.resource{ margin-top:-10px;position:relative; height:160px; background-repeat:no-repeat; background-position:left bottom; }
#mainContent .resources h1{ height:63px; margin-top:20px; color:#464646; background:url(../img/resources/h1.gif) top left no-repeat; }
.resource img{ display:block; margin:0 0 0 10px; }
.resource h3{ position:absolute; top:5px; left:155px; font-size:70%; color:#d19228; }
.resource p{ position:absolute; top:38px; left:155px; width:395px; line-height:1.2; font-size:70%; color:#784911; }
.resource p.desc{ padding-top:4px; }
.resource p.url{ top:23px; }
.resource p.url a{ color:#746747; }
.resources .red{ background-image:url(../img/resources/red_bg.gif); }
.resources .blue{ background-image:url(../img/resources/blue_bg.gif); }
.resources .cherry{ background-image:url(../img/resources/cherry_bg.gif); }
.resources .plain{ background-image:url(../img/resources/plain_bg.gif); }
.resources ul{ margin-top:2px; height:132px; background:0 0 no-repeat #F97600; padding-top:8px;}
.resources ul li{ height:20px; margin:0 0 4px 15px; font-size:70%; font-weight:bold; }
.resources ul li a{ display:block;padding:0 0 4px 25px; line-height:16px; color:#fff; background:url(../img/help/menuLi.png) 0 0 no-repeat; }
.resources ul li a:hover, .resources ul li a.on{ color:#000; text-decoration:none; background:url(../img/help/menuLi_over.png) 0 0 no-repeat; }
.resources ul.blankBg{ background-image:url(../img/resources/resources.jpg); }
.resources ul.treads{ background-image:url(../img/resources/treadsThreads.jpg); }
.resources ul.gadgets{ background-image:url(../img/resources/gadgetsGames.jpg); }
.resources ul.listen{ background-image:url(../img/resources/listenWatch.jpg); }
.resources ul.funny{ background-image:url(../img/resources/funnyStuff.jpg); }
.resources ul.random{ background-image:url(../img/resources/random.jpg); }
#help .resourceTextEnd {background:url(../img/resources/plain_bg.gif) no-repeat left bottom;height:70px; margin-top:-20px;}