@charset "UTF-8";
/* CSS Document */

/* ------------------ COLORS
light blue: #DFF1FA
mid blue: #5CBDFA
dark blue: #1D81C7
pink: #F6A6BE
mid grey: #888
dark grey: #555
*/

/* ---------------------------- common */
*{padding:0px;margin:0px;}
a:focus{-moz-outline:none;outline:none;outline-offset:0px;}
a img{border:none;background:#DFF1FA}
.hideMe, .temphide{display:none;}
.invisible{}
ul,li{list-style-type:none;}
.upcase{text-transform:uppercase;}
.boldMe{font-weight:bold;}
fieldset{border:none;}
.titlePillWrap{height:50px;}
.sendleft{float:left;}
.sendright{float:right;}
.spacePara{margin-bottom:30px;}

/* ---------------------------- main */
html, body, h1, h2, h3, h4, h5, p, li{font-size:11px;line-height:1.4em;font-family:Arial, Helvetica, sans-serif;font-style:normal;font-weight:normal;}
html{height:100%;margin-bottom:1px;}
body{color:#888;background:#DFF1FA;}
a:link, a:visited, a:active{color:#000;text-decoration:underline;}
a:hover{text-decoration:none;}
#mainwrap{width:850px;margin:0 auto;}

/* --------------- header + main nav */
#logohead{position:relative;margin:0 0 25px;}
#logohead h1 a{background:#5CBDFA url(../assets/main/logo_h1_header.gif) 14px 70px no-repeat;color:#FFF;display:block;height:150px;text-indent:-9999px;}
#logohead #crnr1{width:12px;height:12px;display:block;position:absolute;bottom:0px;left:0px;background:url(../assets/main/logohead_crnr1.gif) 0 0 no-repeat;}
#logohead #crnr2{width:12px;height:12px;display:block;position:absolute;bottom:0px;right:0px;background:url(../assets/main/logohead_crnr2.gif) 0 0 no-repeat;}
#logohead #loggedin{position:absolute;top:15px;right:16px;color:#FFF;}
#logohead #loggedin span{font-weight:bold;}
#logohead #loggedin a{float:right;display:block;width:88px;height:20px;text-indent:-9999px;background:url(../assets/main/nav_bt_logout.gif) 0 0 no-repeat;margin-left:10px;}
#logohead #loggedin a:hover{background-position:0 100%;}
#mainnav{position:relative;height:30px;margin:0 0 25px;}
#mainnav li{display:inline;margin:0 15px 0 0;float:left;}
#mainnav #searchsite{position:absolute;top:0px;right:0px;height:30px;}
#mainnav #searchsite form{}
#mainnav #searchsite li{float:left;margin:0;}
#mainnav #searchsite #searchInput{height:20px;padding:5px 15px;position:relative;background:url(../assets/main/pill_wrapSearchCenter.gif) 0 50% repeat-x;}
#mainnav #searchsite #searchInput .rndEndL{position:absolute;top:0px;left:0px;height:30px;width:15px;background:url(../assets/main/pill_wrapSearch.gif) 0 50% no-repeat;}
#mainnav #searchsite #searchInput .rndEndR{position:absolute;top:0px;right:0px;height:30px;width:15px;background:url(../assets/main/pill_wrapSearch.gif) 100% 50% no-repeat;}
#mainnav #searchsite input#search{border:0px;height:20px;outline:none;}
#mainnav #searchsite input#search:focus{border:0px;}
#mainnav #searchsite .submitButton a{background:url(../assets/main/nav_go.gif) 0 0 no-repeat;width:46px;height:30px;}
#mainnav #searchsite .submitButton a:hover{background-position:0 100%;}
#mainnav a{}
#mainnav a:link, #mainnav a:visited, #mainnav a:active{color:#1D81C7;text-decoration:none;display:block;float:left;text-indent:-9999px;width:83px;height:30px;background-position:0 50%;background-repeat:no-repeat;}
#mainnav a:hover{color:#F6A6BE;background-position:0 100%;}
#mainnav a:link.cursel, #mainnav a:visited.cursel, #mainnav a:active.cursel{color:#F6A6BE;background-position:0 0;}
#mainnav a:hover.cursel{}

#mainnav a.products{width:83px;background-image:url(../assets/main/nav_products.gif);}
#mainnav a.news{width:65px;background-image:url(../assets/main/nav_news.gif);}
#mainnav a.about{width:89px;background-image:url(../assets/main/nav_about.gif);}
#mainnav a.press{width:66px;background-image:url(../assets/main/nav_press.gif);}
#mainnav a.contact{width:83px;background-image:url(../assets/main/nav_contact.gif);}
#mainnav a.basket{width:53px;background-image:url(../assets/main/nav_basket.gif);}

#curBasket{position:absolute;bottom:35px;left:500px;padding:10px;color:#FFF;background:#1D81C7;}
#curBasket li{display:block;float:none;}

/* ------------------------- content */
#contentarea{position:relative;padding-bottom:100px;}
.bodyCopy{}
.bodyCopy p{margin:0 0 15px;font-size:14px;}

.rndCrnrWrp{position:relative;}
.rndCrnrWrp .rndCrnr{position:absolute;width:12px;height:12px;display:block;text-indent:-9999px;z-index:10;}
.rndCrnrWrp .rndCrnrTL{top:0px;left:0px;background:url(../assets/main/rndCrnrTL.png) 0 0 no-repeat;}
.rndCrnrWrp .rndCrnrTR{top:0px;right:0px;background:url(../assets/main/rndCrnrTR.png) 0 0 no-repeat;}
.rndCrnrWrp .rndCrnrBL{bottom:0px;left:0px;background:url(../assets/main/rndCrnrBL.png) 0 0 no-repeat;}
.rndCrnrWrp .rndCrnrBR{bottom:0px;right:0px;background:url(../assets/main/rndCrnrBR.png) 0 0 no-repeat;}

/* ------------------- products cats */
#catlist{position:absolute;top:0px;left:0px;}
#catlist li{margin:0 0 4px;}
#catlist a{text-transform:lowercase;}
#catlist a:link, #catlist a:visited, #catlist a:active{color:#1D81C7;text-decoration:none;display:block;text-indent:-9999px;width:100px;height:14px;background-position:0 50%;background-repeat:no-repeat;}
#catlist a:hover{color:#F6A6BE;background-position:0 100%;}
#catlist a:link.curcat, #catlist a:visited.curcat, #catlist a:active.curcat{color:#F6A6BE;background-position:0 0;}
#catlist a:hover.cursel{}

#catlist #vinyl{background-image:url(../assets/main/nav_productCat_vinyl.gif);}
#catlist #soft{background-image:url(../assets/main/nav_productCat_soft.gif);}
#catlist #books{background-image:url(../assets/main/nav_productCat_books.gif);}
#catlist #prints{background-image:url(../assets/main/nav_productCat_prints.gif);}
#catlist #games{background-image:url(../assets/main/nav_productCat_games.gif);}
#catlist #stationery{background-image:url(../assets/main/nav_productCat_stationery.gif);}
#catlist #clothing{background-image:url(../assets/main/nav_productCat_clothing.gif);}
#catlist #misfits{background-image:url(../assets/main/nav_productCat_misfits.gif);}

/* ------------------ products lists */
#productsList{width:700px;position:absolute;top:0px;right:0px;}
#productsList .productItem{width:135px;margin:0 0 40px 40px;float:left;position:relative;}
#productsList .productNew{position:absolute;top:-20px;left:-24px;width:52px;height:58px;background:url(../assets/main/splat_listingnew.png) 0 0 no-repeat;z-index:100;}
#productsList .productThumb{width:135px;height:135px;background:#000;margin-bottom:10px;}
#productsList .productName{margin-bottom:6px;}
#productsList .productName a{background:#5CBDFA url(../assets/main/pill_listingTitleBg.gif) 0 0 no-repeat;color:#FFF;padding:1px 13px 0;font-weight:bold;font-size:12px;display:block;width:109px;height:29px;line-height:1.1em;text-decoration:none;}
#productsList .productName a:hover{background-position:0 100%;}
#productsList .productBy{margin-bottom:0px;white-space:nowrap;}
#productsList .productSize{margin-bottom:0px;white-space:nowrap;}
#productsList .productPrice{cursor:pointer;font-size:12px;}
#productsList .productPrice span{float:left;font-weight:bold;cursor:pointer;}
#productsList .productPrice a{font-weight:bold;text-decoration:none;display:block;color:#888;height:13px;}
#productsList .productPrice a span.productBuy{display:block;width:35px;background:url(../assets/main/nav_bt_buySm.gif) 0 0 no-repeat;text-indent:-9999px;height:13px;margin-left:10px;cursor:pointer;}
#productsList .productPrice a:hover span.productBuy{background-position:0 100%;}
#productsList .productPrice span.productOut{display:block;width:92px;background:url(../assets/main/pill_outOfStockSm.gif) 0 0 no-repeat;text-indent:-9999px;height:13px;margin-left:5px;cursor:default;}

#searchresults{margin:0 0 20px 40px;}
.pagination{clear:both;margin:0 0 30px 40px;width:660px;height:20px;}
.pagination .pageLinks{width:131px;margin:0 auto;text-align:center;} /* was 111px with page numbers 13px wide */
.pagination .pageBack{float:left;}
.pagination .pageBack a{display:block;width:13px;height:15px;background:url(../assets/main/arrowLeft.gif) 0 50% no-repeat;text-indent:-9999px;}
.pagination .pageBack span{display:block;width:13px;height:15px;background:url(../assets/main/arrowLeft.gif) 0 0 no-repeat;text-indent:-9999px;}
.pagination .pageForward{float:right;}
.pagination .pageForward a{display:block;width:13px;height:15px;background:url(../assets/main/arrowRight.gif) 0 50% no-repeat;text-indent:-9999px;}
.pagination .pageForward span{display:block;width:13px;height:15px;background:url(../assets/main/arrowRight.gif) 0 0 no-repeat;text-indent:-9999px;}
.pagination .pageBack a:hover, .pagination .pageForward a:hover{background-position:0 100%;}
.pagination .pageNumbers{padding:0 0 0 22px;}
.pagination .pageNumbers a, .pagination .pageNumbers span{text-decoration:none;font-weight:bold;color:#888;display:block;width:17px;height:13px;float:left;}
.pagination .pageNumbers a:hover{color:#1D81C7;}
.pagination .pageNumbers span.curPage{color:#F6A6BE;}

/* ----------------- products single */
#productsProduct{position:absolute;top:0px;right:0px;width:721px;}
#productsProduct #imageViewer{position:absolute;top:0px;left:0px;}
#productsProduct #imageMain{width:400px;height:375px;background:#1D81C7;position:absolute;top:0px;left:-20px;}
#productsProduct #loadingThumbs{position:absolute;top:275px;left:407px;background:url(../assets/main/ajax-loader.gif) 50% 50% no-repeat;width:314px;height:100px;}
#productsProduct .imageThumb{position:absolute;top:275px;background:#1D81C7;width:100px;height:100px;}
#productsProduct #imageThumb1{left:407px;}
#productsProduct #imageThumb2{left:514px;}
#productsProduct #imageThumb3{left:621px;}
#productsProduct #productNew{position:absolute;top:-27px;left:-48px;display:block;width:110px;height:120px;text-indent:-9999px;background:url(../assets/main/splat_productNew.png) 0 0 no-repeat;z-index:10;}

#productsProduct #productFullDetails{position:absolute;top:0px;left:407px;width:314px;height:265px;}
#productFullDetails #productTitle{position:relative;float:left;font-size:18px;font-weight:bold;color:#FFF;background:#808082;height:16px;padding:6px 14px;margin-bottom:5px;white-space:nowrap;}
#productFullDetails #productTitle #prdcrnr1{position:absolute;top:0px;left:0px;display:block;width:14px;height:28px;background:url(../assets/main/news_headlineWrap.gif) 0 0 no-repeat;}
#productFullDetails #productTitle #prdcrnr2{position:absolute;top:0px;right:0px;display:block;width:14px;height:28px;background:url(../assets/main/news_headlineWrap.gif) 100% 0 no-repeat;}
#productFullDetails #productSubtitle{font-size:13px;font-weight:bold;position:absolute;top:35px;left:0px;}
#productFullDetails #productScrollBox{position:absolute;top:60px;left:0px;height:160px;width:287px;overflow:hidden;}
#productFullDetails #productScrollContent{position:absolute;top:0px;left:0px;}
#productFullDetails #productDescription{margin-bottom:10px;}
#productFullDetails #productSize{margin-bottom:10px;}
#productFullDetails #productPrice{position:absolute;top:228px;left:0px;font-size:14px;font-weight:bold;}
#productFullDetails #productBuy{position:absolute;bottom:0px;left:0px;}
#productFullDetails #productBuy a{display:block;width:40px;height:15px;background:url(../assets/main/nav_bt_buyLg.gif) 0 0 no-repeat;text-indent:-9999px;}
#productFullDetails #productBuy a:hover{background-position:0 100%;}
#productFullDetails #productOut{position:absolute;bottom:0px;left:0px;display:block;width:92px;background:url(../assets/main/pill_outOfStockSm.gif) 0 0 no-repeat;text-indent:-9999px;height:13px;}
#productFullDetails #productDetailsSlider{position:absolute;top:60px;right:0px;}
#productFullDetails #productDetailsSlider #slideArea{width:16px;height:160px;background:url(../assets/main/sliderBackgroundRail.gif) 50% 0 repeat-y;cursor:pointer;}
#productFullDetails #productDetailsSlider #slideHandle{width:16px;height:16px;background:url(../assets/main/pill_sliderHandleVert.gif) 0 0 no-repeat;cursor:pointer;}
#productFullDetails #productDetailsSlider #slideHandle:hover{background-position:100% 0;}

#productsProduct #shoppingOpt{position:absolute;top:410px;left:-20px;width:741px;border-top:dotted 1px #808082;padding-bottom:120px;}
#productsProduct #shoppingOpt #shopContinue{position:absolute;top:20px;right:160px;}
#productsProduct #shoppingOpt #shopCheckout{position:absolute;top:20px;right:0px}
#shopContinue a{text-indent:-9999px;display:block;width:150px;height:25px;background:url(../assets/main/nav_bt_shopContinue.gif) 0 0 no-repeat;}
#shopContinue a:hover{background-position:0 100%;}
#shoppingOpt #shopCheckout a{text-indent:-9999px;display:block;width:91px;height:25px;background:url(../assets/main/nav_bt_shopCheckout.gif) 0 0 no-repeat;}
#shoppingOpt #shopCheckout a:hover{background-position:0 100%;}
#shoppingOpt{padding-bottom:120px;}
#shoppingOpt #shopContinue{float:left;margin-left:500px;}
#shoppingOpt #shopCheckout{float:right;}

/* ----------------- news */
/* --- list */
#newsFrame{position:relative;width:150px;height:550px;overflow:hidden;}
#newsList{position:absolute;top:0px;left:0px;}
#newsList .newsListThumb{width:150px;height:100px;margin-bottom:2px;background:#1D81C7;}
#newsList .newsDate{font-size:10px;line-height:1.1em;}
#newsList .newsHeadline{margin-bottom:8px}
#newsList .newsHeadline a{font-size:12px;font-weight:bold;text-decoration:none;color:#888;}
#newsList .newsHeadline a:hover{color:#1D81C7;}
#newsList #newsPaging{position:relative;width:150px;height:20px;font-size:12px;}
#newsList #newsPaging .forward{position:absolute;right:0px;display:inline;}
#newsList #newsPaging .back{position:absolute;display:inline;}
#newsList #newsPaging a{color:#1D81C7;text-decoration:none;}
#newsList #newsPaging a:hover{color:#5CBDFA;}

#newsSlider{position:absolute;top:0px;left:175px;}
#newsSlider #slideArea{width:16px;height:548px;background:url(../assets/main/sliderBackgroundRail.gif) 50% 0 repeat-y;cursor:pointer;}
#newsSlider #slideHandle{position:absolute;width:16px;height:16px;background:url(../assets/main/pill_sliderHandleVert.gif) 0 0 no-repeat;cursor:pointer;display:block;}
#newsSlider #slideHandle:hover{background-position:100% 0;}

/* --- full */
#newsPost{position:absolute;top:0px;right:0px;width:628px;}
#newsPost #imageViewer{position:relative;width:628px;height:314px;margin-bottom:10px;}
#newsPost #loadingThumbs{position:absolute;top:0px;right:0px;background:url(../assets/main/ajax-loader.gif) 50% 50% no-repeat;width:150px;height:314px;}
#newsPost #imageMain{width:471px;height:314px;background:#1D81C7;}
#newsPost .imageThumb{position:absolute;right:0px;background:#1D81C7;width:150px;height:100px;}
#newsPost #imageThumb1{top:0px;}
#newsPost #imageThumb2{top:107px;}
#newsPost #imageThumb3{top:214px;}
#newsPost #newsHeadline{font-size:18px;font-weight:bold;color:#FFF;background:#808082;float:left;height:16px;position:relative;padding:6px 14px;margin-bottom:10px;}
#newsPost #newsHeadline #nwscrnr1{position:absolute;top:0px;left:0px;display:block;width:14px;height:28px;background:url(../assets/main/news_headlineWrap.gif) 0 0 no-repeat;}
#newsPost #newsHeadline #nwscrnr2{position:absolute;top:0px;right:0px;display:block;width:14px;height:28px;background:url(../assets/main/news_headlineWrap.gif) 100% 0 no-repeat;}
#newsPost #newsDate{padding:6px 10px;font-size:12px;float:left;font-weight:bold;}
#newsPost #newsText{font-size:14px;margin:0 0 80px;clear:both;line-height:1.3em;}

/* ----------------- about */
#aboutCopy{position:absolute;top:0px;right:0px;width:335px;height:442px;background:url(../assets/about/aboutCopy.gif) 0 0 no-repeat;text-indent:-9999px;}
.aboutImageViewer{width:500px;height:457px;position:relative;}
.aboutImageViewer #loadingThumbs{position:absolute;bottom:0px;left:0px;background:url(../assets/main/ajax-loader.gif) 50% 50% no-repeat;width:500px;height:110px;}
.aboutImageViewer .imageThumb{position:absolute;bottom:0px;background:#1D81C7;width:162px;height:110px;}
.aboutImageViewer #imageThumb1{left:0px;}
.aboutImageViewer #imageThumb2{left:169px;}
.aboutImageViewer #imageThumb3{left:338px;}
#pressPack{position:absolute;top:445px;right:0px;width:335px;}
#pressPack a{display:block;width:335px;height:14px;text-indent:-9999px;background:url(../assets/main/nav_bt_pressPack.gif) 6px 0 no-repeat;}
#pressPack a:hover{background-position:6px 100%}

/* ------------------ home */
.fullimage{position:relative;}
.fullimage .rndCrnr{position:absolute;width:12px;height:12px;display:block;}
.fullimage .rndCrnrTL{top:0px;left:0px;background:url(../assets/main/rndCrnrTL.png) 0 0 no-repeat;}
.fullimage .rndCrnrTR{top:0px;right:0px;background:url(../assets/main/rndCrnrTR.png) 0 0 no-repeat;}
.fullimage .rndCrnrBL{bottom:0px;left:0px;background:url(../assets/main/rndCrnrBL.png) 0 0 no-repeat;}
.fullimage .rndCrnrBR{bottom:0px;right:0px;background:url(../assets/main/rndCrnrBR.png) 0 0 no-repeat;}
#homesplat{position:absolute;top:20px;right:-50px;}

/* ----------------- contact */
#copycontact{width:320px;height:110px;text-indent:-9999px;float:right;background:url(../assets/main/copy_contact.gif) 0 0 no-repeat;}
#contactdetails{clear:both;float:right;margin:167px 0 0;width:320px;height:180px;background:url(../assets/main/contact_details.gif) 0 0 no-repeat;position:relative;}
#contactdetails #address, #contactdetails #phone, #contactdetails #fax{text-indent:-9999px;} 
#contactdetails #email{position:absolute;bottom:0px;width:320px;height:23px;}
#contactdetails #email a{display:block;width:320px;height:23px;text-indent:-9999px;background:url(../assets/main/contact_bt_email.gif) 0 100% no-repeat;}
#contactdetails #email a:hover{background-position:0 0;}

/* ----------------- checkout */
.bluepill .pillWrap{background:#5CBDFA;}

.titlePill{height:28px;margin-bottom:20px;}
.titlePill .pillWrap{font-size:18px;font-weight:bold;color:#FFF;background:#808082;float:left;height:16px;position:relative;padding:6px 14px;}
.titlePill .pillWrap .bsktcrnr1{position:absolute;top:0px;left:0px;display:block;width:14px;height:28px;background:url(../assets/main/news_headlineWrap.gif) 0 0 no-repeat;}
.titlePill .pillWrap .bsktcrnr2{position:absolute;top:0px;right:0px;display:block;width:14px;height:28px;background:url(../assets/main/news_headlineWrap.gif) 100% 0 no-repeat;}

.pricePill{height:25px;margin-bottom:0px;}
.pricePill .pillWrap{font-size:13px;font-weight:bold;color:#FFF;float:left;height:17px;position:relative;padding:4px 14px;}
.pricePill .pillWrap .bsktcrnr1{position:absolute;top:0px;left:0px;display:block;width:12px;height:25px;background:url(../assets/main/pill_wrapButton.gif) 0 0 no-repeat;}
.pricePill .pillWrap .bsktcrnr2{position:absolute;top:0px;right:0px;display:block;width:12px;height:25px;background:url(../assets/main/pill_wrapButton.gif) 100% 0 no-repeat;}

.buttonPill{height:25px;margin-bottom:20px;}
.buttonPill .pillWrap{font-size:16px;font-weight:bold;color:#FFF;background:#5CBDFA;float:left;height:13px;position:relative;padding:6px 14px;}
.buttonPill .pillWrap a{display:block;height:25px;color:#FFF;}
.buttonPill .pillWrap .bsktcrnr1{position:absolute;top:0px;left:0px;display:block;width:12px;height:25px;background:url(../assets/main/news_headlineWrap.gif) 0 0 no-repeat;}
.buttonPill .pillWrap .bsktcrnr2{position:absolute;top:0px;right:0px;display:block;width:12px;height:25px;background:url(../assets/main/news_headlineWrap.gif) 100% 0 no-repeat;}

#checkoutWrap #basketSummaryList{clear:both;border-bottom:dotted 1px #888;padding-bottom:10px;margin-bottom:10px;}
#basketSummaryList .cartItem{height:20px;font-weight:bold;}
#basketSummaryList .cartItem .productName{width:200px;}
#basketSummaryList .cartItem .productSize{width:180px;}
#basketSummaryList .cartItem .productCost{width:80px;color:#555;}
#basketSummaryList .cartItem .productQty{color:#555;}
#basketSummaryList li.cartItem div{float:left;}

#checkoutWrap #cartcost{margin-bottom:10px;height:25px;}
#checkoutWrap #cartcost .pricePill{float:right;}

#checkoutWrap select{color:#5CBDFA;font-weight:bold;}
#checkoutWrap select option{margin:0 6px 1px 0;}

#checkoutWrap #shippingoptions{margin-bottom:20px;height:25px;}
#checkoutWrap #shippingoptions li.shipoptionitem{float:left}
#checkoutWrap #shippingoptions li.shipoptionitem label{margin-right:15px;}
#checkoutWrap #shippingoptions li.shipoptionitem select{margin-right:100px;}
#checkoutWrap #shippingcost{float:right;}
#checkoutWrap #shippingcost #loadingThumbs{background:url(../assets/main/ajax-loader.gif) 50% 50% no-repeat;width:30px;height:30px;}

#checkoutWrap #totalcost{margin-bottom:10px;height:25px;}
#checkoutWrap #totalcost .pricePill{float:right;}
#checkoutWrap #totalcost .pricePill span{margin-right:50px;text-transform:uppercase;}

#checkoutWrap #shoppingOpt{border-top:dotted 1px #888;padding:10px 0 0;margin-bottom:10px;height:25px;}

#checkoutWrap #shippinginfo{clear:both;}
#checkoutWrap #shippinginfo #infohead{font-weight:bold;}
#checkoutWrap #shippinginfo .shiptypename{margin-top:5px;}
#checkoutWrap #shippinginfo #infoprompt{font-weight:bold;}

#checkoutWrap #fSignIn .formSubmit{width:365px;height:25px;padding:0;margin-bottom:10px;}
#checkoutWrap #fSignIn #submitButton{float:right;}
#checkoutWrap #fSignIn #submitButton a{display:block;width:68px;height:25px;text-indent:-9999px;background:url(../assets/main/nav_bt_signin.gif) 0 0 no-repeat;}
#checkoutWrap #fSignIn #submitButton a:hover{background-position:0 100%;}

#checkoutWrap #fSignIn .inputalignright{text-align:right;width:365px;}
#checkoutWrap #fSignIn .inputalignright a{color:#888;}

#checkoutWrap #fSignUp .formSubmit{width:365px;height:25px;padding:0;margin-bottom:10px;}
#checkoutWrap #fSignUp #submitButton{float:right;}
#checkoutWrap #fSignUp #submitButton a{display:block;width:68px;height:25px;text-indent:-9999px;background:url(../assets/main/nav_bt_signup.gif) 0 0 no-repeat;}
#checkoutWrap #fSignUp #submitButton a:hover{background-position:0 100%;}

#checkoutWrap #signupBt{margin:10px 0 0 0;width:365px;}
#checkoutWrap #signupBt a{float:right;display:block;width:68px;height:25px;text-indent:-9999px;background:url(../assets/main/nav_bt_signup.gif) 0 0 no-repeat;}
#checkoutWrap #signupBt a:hover{background-position:0 100%;}

#fPwReminder .formSubmit{width:365px;height:25px;padding:0;margin-bottom:10px;}
#fPwReminder #submitButton{float:right;}
#fPwReminder #submitButton a{display:block;width:65px;height:25px;text-indent:-9999px;background:url(../assets/main/nav_bt_send.gif) 0 0 no-repeat;}
#fPwReminder #submitButton a:hover{background-position:0 100%;}

#fDetails .formSubmit{width:365px;height:25px;padding:0;margin-bottom:10px;}
#fDetails #submitButton{float:right;}
#fDetails #submitButton a{display:block;width:82px;height:25px;text-indent:-9999px;background:url(../assets/main/nav_bt_continue.gif) 0 0 no-repeat;}
#fDetails #submitButton a:hover{background-position:0 100%;}

#checkoutWrap #prebuy #basketSummaryList{clear:both;border-bottom:none;padding-bottom:10px;margin:0 40px 10px 0;width:480px;float:left;}
#checkoutWrap #prebuy #addressDetails{width:300px;float:left;}
#checkoutWrap #prebuy #addressDetails .label{float:left;clear:both;width:135px;font-weight:bold;margin-bottom:15px;}
#checkoutWrap #prebuy #addressDetails .label a{color:#5CBDFA;text-decoration:none;}
#checkoutWrap #prebuy #addressDetails .label a:hover{text-decoration:underline;}
#checkoutWrap #prebuy #addressDetails .addresslines{float:left;margin-bottom:15px;}
#checkoutWrap #prebuy #confirmcosts{clear:both;padding:10px 0 0;}
#checkoutWrap #prebuy #leftCol{width:480px;float:left;margin:0 40px 0 0;}
#checkoutWrap #prebuy #confirmcosts .col{border-top:dotted 1px #888;padding:20px 0 0;}
#checkoutWrap #prebuy #confirmcosts #leftCol .label{float:right;margin:4px 30px;text-transform:uppercase;font-weight:bold;}
#checkoutWrap #prebuy #confirmcosts #leftCol .pricePill{float:right;}
#checkoutWrap #prebuy #rightCol{width:300px;float:left;}
#checkoutWrap #prebuy #confirmcosts .col{border-top:dotted 1px #888;padding:20px 0 0;}
#checkoutWrap #prebuy #confirmcosts #rightCol .label{float:left;margin:4px 50px 0 0;text-transform:uppercase;font-weight:bold;}
#checkoutWrap #prebuy #confirmcosts #rightCol .pricePill{float:left;}
#checkoutWrap #prebuy #confirmcosts #rightCol #totalcost{clear:both;padding:20px 0 0;}
#checkoutWrap #prebuy #options{clear:both;padding:10px 0 0;}
#checkoutWrap #prebuy #options #leftCol #editdetails{float:right;}
#checkoutWrap #prebuy #options #leftCol #editdetails a{display:block;width:96px;height:25px;text-indent:-9999px;background:url(../assets/main/nav_bt_editDetails.gif) 0 0 no-repeat;}
#checkoutWrap #prebuy #options #leftCol #editdetails a:hover{background-position:0 100%;}
#checkoutWrap #fSendOrder #submitButton a{display:block;width:110px;height:25px;text-indent:-9999px;background:url(../assets/main/nav_bt_makePayment.gif) 0 0 no-repeat;}
#checkoutWrap #fSendOrder #submitButton a:hover{background-position:0 100%;}
#checkoutWrap #prebuy #options #paymentinfo{margin:10px 0 0;margin-bottom:30px;}
#checkoutWrap #prebuy #options #paymentinfo p{margin-bottom:5px;}
#checkoutWrap #prebuy #options #paymentinfo #paypointLogo{width:239px;height:40px;text-indent:-9999px;background:url(../assets/main/pl_paypoint.gif) 0 0 no-repeat;}

#orderconfirmation{width:600px;margin:0px auto;}
#orderconfirmation #thanksline{margin:0 0 10px;}
#orderconfirmation #thanksline .pricePill{float:left;margin-right:30px;}
#orderconfirmation #details{background:#FFF;padding:20px 60px 55px;position:relative;}
#orderconfirmation #transid{height:12px;padding-bottom:15px;border-bottom:dotted 1px #888;margin-bottom:15px;}
#orderedproducts{margin-bottom:15px;clear:both;}
#orderedproducts .cartItem{height:20px;font-weight:bold;}
#orderedproducts .cartItem .productName{width:200px;}
#orderedproducts .cartItem .productSize{width:180px;}
#orderedproducts .cartItem .productCost{width:80px;color:#555;}
#orderedproducts .cartItem .productQty{color:#555;}
#orderedproducts li.cartItem div{float:left;}
#orderconfirmation .subcost{clear:both;text-align:right;padding-bottom:10px;border-bottom:dotted 1px #888;font-weight:bold;text-transform:uppercase;}
#orderconfirmation #addressDetails{margin-bottom:15px;padding-top:15px;}
#orderconfirmation .label{float:left;clear:both;width:135px;font-weight:bold;}
#orderconfirmation .addresslines{float:left;margin-bottom:8px;}
#orderconfirmation #totalcost{clear:both;padding-top:15px;text-transform:uppercase;float:right;height:25px}
#orderconfirmation #totalcost span{margin-right:100px;}
#orderconfirmation #totalcost .pricePill .pillWrap .bsktcrnr1{background:url(../assets/main/pill_wrapButtonWhite.gif) 0 0 no-repeat;}
#orderconfirmation #totalcost .pricePill .pillWrap .bsktcrnr2{background:url(../assets/main/pill_wrapButtonWhite.gif) 100% 0 no-repeat;}

a#signin{margin-top:10px;display:block;width:68px;height:25px;text-indent:-9999px;background:url(../assets/main/nav_bt_signin.gif) 0 0 no-repeat;}
a#signin:hover{background-position:0 100%;}

a#checkout{margin-top:10px;text-indent:-9999px;display:block;width:91px;height:25px;background:url(../assets/main/nav_bt_shopCheckout.gif) 0 0 no-repeat;}
a#checkout:hover{background-position:0 100%;}
/* -------------------------- */

/* ----------------- basket */
#basketTitle{font-size:18px;font-weight:bold;color:#FFF;background:#808082;float:left;height:16px;position:relative;padding:6px 14px;}
#basketTitle #bsktcrnr1{position:absolute;top:0px;left:0px;display:block;width:14px;height:28px;background:url(../assets/main/news_headlineWrap.gif) 0 0 no-repeat;}
#basketTitle #bsktcrnr2{position:absolute;top:0px;right:0px;display:block;width:14px;height:28px;background:url(../assets/main/news_headlineWrap.gif) 100% 0 no-repeat;}
#basketList{position:relative;clear:both;}
#cartitems{margin-bottom:20px;}
.basketItem{height:60px;clear:both;}
.basketItem .productPic{float:left;width:50px;height:50px;margin-right:30px;}
.basketItem .productName{float:left;width:250px;padding:10px 0 0;}
.basketItem .productName a{background:#5CBDFA url(../assets/main/pill_listingTitleBg.gif) 0 0 no-repeat;color:#FFF;padding:0px 13px;font-weight:bold;font-size:14px;display:block;width:109px;height:30px;line-height:1em;text-decoration:none;}
.basketItem .productName a:hover{background-position:0 100%;}
.basketItem .productInfo{float:left;width:200px;}
.basketItem .productInfo .productCost{font-weight:bold;}
.basketItem .productQuantity{float:left;width:60px;padding:10px 0 0;}
.basketItem .productQuantity input{width:35px;padding:5px;color:#5CBDFA;font-weight:bold;}
.basketItem .productRemove{float:left;width:60px;padding:15px 0 0;}
.basketItem .productRemove a{text-transform:uppercase;text-decoration:none;color:#5CBDFA;}
.basketItem .productRemove a:hover{color:#1D81C7;}
.updateList{border-top:dotted 1px #808082;padding:20px 0 0;margin:50px 0;}
.basketItem .productStock{float:left;padding:15px 0 0;color:#F00;text-transform:uppercase;}
.updateList .updateButton{float:left;margin-left:330px;width:200px;}
.updateList .updateButton #submitButton a{display:block;width:65px;height:25px;text-indent:-9999px;background:url(../assets/main/nav_bt_update.gif) 0 0 no-repeat;}
.updateList .updateButton #submitButton a:hover{background-position:0 100%;}
.updateList .listTotal{padding:5px 0 0;color:#555;font-size:12px;font-weight:bold;}
.updateList .listTotal span{margin-right:30px;color:#888}

/* ----------------- checkout */

#pageTitle{font-size:18px;font-weight:bold;color:#FFF;background:#808082;float:left;height:16px;position:relative;padding:6px 14px;margin-bottom:20px;}
#pageTitle #bsktcrnr1{position:absolute;top:0px;left:0px;display:block;width:14px;height:28px;background:url(../assets/main/news_headlineWrap.gif) 0 0 no-repeat;}
#pageTitle #bsktcrnr2{position:absolute;top:0px;right:0px;display:block;width:14px;height:28px;background:url(../assets/main/news_headlineWrap.gif) 100% 0 no-repeat;}
#status{clear:both;margin:0 0 20px;}
#status #leftCol{width:380px;padding-right:40px;float:left;border-right:dotted 1px #808082;}
#status #description{margin-bottom:20px;}
#status #description p{font-size:12px;margin-bottom:10px;}
#status #currentorder{width:380px;padding-left:40px;float:left;}
#status #currentorder li.cartItem{clear:both;}
#status #currentorder li.cartItem div{float:left;}
.pillItem{clear:both;float:right;padding:10px 0 0;}
.pillItem .bluePill{font-size:18px;font-weight:bold;color:#FFF;background:#5CBDFA;float:left;height:16px;position:relative;padding:6px 14px;margin-bottom:20px;}
.bluePill .bsktcrnr1{position:absolute;top:0px;left:0px;display:block;width:14px;height:28px;background:url(../assets/main/pill_wrapBlue.gif) 0 0 no-repeat;}
.bluePill .bsktcrnr2{position:absolute;top:0px;right:0px;display:block;width:14px;height:28px;background:url(../assets/main/pill_wrapBlue.gif) 100% 0 no-repeat;}

/*.formSubmit .updateButton{float:left;margin-left:330px;width:200px;}
.formSubmit .updateButton #submitButton a{display:block;width:65px;height:25px;text-indent:-9999px;background:url(../assets/main/nav_bt_send.gif) 0 0 no-repeat;}
.formSubmit .updateButton #submitButton a:hover{background-position:0 100%;}*/

#currentorder .cartItem{height:20px;font-weight:bold;}
#currentorder .cartItem .productName{width:145px;}
#currentorder .cartItem .productSize{width:65px;}
#currentorder .cartItem .productCost{width:50px;}

/* ---------- forms */
#adminform{margin:0 0 20px;}
#forminputlist{}
#forminputlist li{padding:0 0 10px;clear:both;}
#forminputlist li .titlePill{margin:10px 0 0;}
#forminputlist label{width:130px;float:left;text-align:left;margin-right:5px;display:block;}
#forminputlist .formitem{}
#forminputlist .formitem input.textfield, #forminputlist .formitem textarea{border:solid 1px #BBB;width:220px !important;padding:2px;color:#5CBDFA;font-weight:bold;font-family:Arial, Helvetica, sans-serif;}
#forminputlist .formitem input.checkbox{background:#000;}
#forminputlist .formitem textarea{height:150px;}
#forminputlist .formitem option{margin:0 6px 0;}
#forminputlist .formitem textarea#description{height:100px;}
#forminputlist .formitem textarea#text{height:160px;}
#forminputlist .inputalign{margin-left:140px;}
#forminputlist .submit input{margin-left:140px;}
#forminputlist .datedivider{margin:0 5px;}
#forminputlist #testcolor{width:104px;height:20px;}
#forminputlist{}

#forminputlist #addressColumns{width:900px;}
#forminputlist .addressInput{float:left;clear:none;margin-right:15px;}

/* ---------- feedback */
#feedback{margin:0 0 20px;}
#feedback li{font-size:12px;}
.error{color:#F00;}
.longerror{padding:5px 0 0;}
.message{color:#FF9700;}
.formnotes{margin:0 0 30px;}
.reason{margin:0 0 0 20px;}
.status p{margin:0 0 10px;}