﻿
/* Default styles */
.defaultInputWrapper div
{
    height:22px;
    padding:2px 0px;
}
.defaultInputWrapper div span
{
    display:block;
    width: 150px;
    float:left;
    padding:2px 0px;
}
.defaultInputWrapper div input[type=text], 
.defaultInputWrapper div input[type=password],
.defaultInputWrapper div select
{
    width: 350px;
}
.defaultInputWrapper div.nolabel input
{
    margin-left:150px;
}
.defaultInputWrapper div.section
{
    padding: 10px 0px;
    height:auto;
}
div.sectionTitle
{
    padding: 3px 0px 3px 15px;
    border-bottom:solid 1px #ccc;
    height:auto;
    margin-bottom: 7px;
}
div.sectionTitle span
{
    display:block;
    float:none;
    font-weight:bold;
    font-style: italic;
}
.orderDetailTable
{
    background-color:#e5e5e5;
    margin-left: 25px;
}
.orderDetailTable td
{
    text-align:left;
    vertical-align:top;
}
.orderDetailTable td span
{
    margin:3px 0px;
    display:block;
    font-size:11px;
    width:auto !important;
}
.paymentPageTitle
{
    padding:10px 10px;
    background-color:#CEC1B0;
    margin:7px 0px;
}
.paymentSteps
{
    padding: 5px 0px 15px 0px;
}
.paymentSteps ul
{
    margin:0px;
    padding:0px;
    height:40px;
}
.paymentSteps ul li
{
    margin:0px;
    padding:0px;
    display:block;
    float:left;
    height:40px;
    width: 120px;
    font-weight:bold;
    color:#999999;
    text-align:center;
    background:url(images/checkout_blur.jpg) no-repeat top left;
}
.paymentSteps ul li.current
{
    color:#ffffff;
    background:url(images/checkout_focus.jpg) no-repeat top left;
}
.paymentSteps ul li span
{
    display:block;
    padding:11px 0px;
}
.paymentSteps ul li.seperator
{
    width:10px;
    background:url(images/checkout_seperator.jpg) no-repeat center left;
}
/* END Default styles */
/* Custom Menu Part */
.customMenuPart
{
}
.customMenuPart ul
{
    margin: 5px 0px;
    padding:0px;
    list-style:none;
    height:20px;
}
.customMenuPart ul li
{
    display:block;
    float:left;    
    margin: 0px 3px;
}
.customMenuPart ul li a
{
    color:#666666;
    display:block;
    font-size:10px;
    text-decoration:none;
}
/* END Custom Menu Part */
.shopCategoryWrapper ul
{
    list-style:none;
}
.shopCategoryWrapper a
{
    color:#ffffff;
    text-decoration:none;
}
.loginControl
{
    background:url(login_back.jpg) no-repeat top center;
    width: 260px;
    float:right;
}
.loginControlContent
{
    margin: 5px 5px 0px 5px;
    padding-top:15px;
}
.loginControlStatus
{
    padding: 2px 0px;
    height:16px;
    font-size:10px;
}
.loginControlContent table td
{
    font-size:10px;
    vertical-align:bottom;
    text-align:left;
}
.loginControlContent table td.loginControlInput
{
    width:100px;
}
.loginControlContent table td.loginControlInput span
{
    padding: 10px 0px 3px 0px;
    display:block;
}
.loginControlContent table td input[type=text], .loginControlContent table td input[type=password]
{
    width:100px;
}
.loginControlContent table td a
{
    display:block;
}

/* ProductCategoryPart */
.pcpWrapper
{
    padding:5px 0px;
}
.pcpTitle
{
    padding:8px 10px;
    background-color:#CEC1B0;
}
.pcpContent
{
    padding:10px 0px 10px 15px;
}
.pcpContent a
{
    padding: 2px 0px 2px 15px;
    color:#ffffff;
    text-decoration:none;
    background:url(menu_pre.gif) no-repeat left center;
    display:block;
    border-bottom:solid 1px #ccc;
}
.pcpExtras
{
    padding-left:10px;
}
.pcpExtras a
{
    font-weight:bold;
    color:#000000;
}
.pcpCategories ul
{
    list-style:none;
    margin:0px;
    padding:0px;
}
.pcpCategories ul li
{
    display:block;
    margin:0xp;
    padding:0px 0px 0px 10px;
}
.pcpCategories ul li ul
{
    background-color:#ffffff !important;
}
.pcpCategories ul li ul a
{
    background-color:#ffffff !important;
    color:#000000;
}
/* END ProductCategoryPart */

/* ProductCatalogView */
.pcvProductWrapper
{
    padding-right:10px;
}
.pcvProductWrapper table
{
    table-layout:fixed;
    width:100%;
}
.pcvProductWrapper table td
{
    text-align:left;
    vertical-align:top;
    border-right: solid 1px #ccc;
}
.plicWrapper
{
    width:180px;
    padding:7px 5px;
    font-size:11px;
}
.plicTitle
{
    padding:15px 0px 10px 0px;
    min-height:40px;
}
.plicImage
{
    text-align:center;
    min-height:120px;
}
.plicImage img
{
    
}
.plicWeight
{
    text-align:right;
    padding:7px 0px;
}
.plicPrice
{
    padding:4px 2px;
    text-align:center;
    background-color:#660000;
    color:#ffffff;
}
.plicPrice p
{
    padding:0px;
    margin:0px;
}
.plicButtons
{
    margin-top:2px;
}
.plicButtons a, .plicButtons input[type=submit]
{
    height:16px;
    padding:4px 0px 2px 0px;
    text-align:center;
    color:#ffffff;
    background:url(btn_products_back.jpg) repeat-x center;
    text-decoration:none;
}
.plicButtons a
{
    display:block;
}
.plicButtons input[type=submit]
{
    height:22px;
    width:130px;
    border:none;
    font-size:11px;
    padding:none;
}
.plicButtons div
{
    padding:2px 0px;
}
.plicButtons div input[type=text].integer
{
    width:40px;
}
.plicButtons select
{
    width:45px;
}
/* END ProductCatalogView */

/* Product Detail View */
.shopProductPageTitle h1
{
    padding: 7px 0px;
    border-bottom: solid 1px #e5e5e5;
    font-size:20px;
}
.shopProductDetailWrapper
{
    margin-right:15px;
    border-right:solid 1px #e5e5e5;
}
.shopProductDetailWrapper table
{    
    border-collapse:collapse;
}
.shopProductDetailWrapper div.backButton
{
    text-align:right;
}
.shopProductDetailImages table
{
    margin-right:15px;
}
.shopProductDetailImages table tr td img
{
    border:none;
}
.shopProductDetailText
{
    width:380px;
}
.shopProductDetailPriceAndButtons
{
    padding:10px 0px;
}
.shopProductDetailPriceAndButtons div
{
    text-align:right;
    padding:2px 0px;
    height:24px;
}
.shopProductDetailPriceAndButtons input[type=text].integer
{
    width:40px;
}
.shopProductDetailPriceAndButtons select
{
    width:45px;
}
.shopProductDetailPriceAndButtons input[type=submit]
{
    background: url(btn_products_back.jpg) repeat-x center 50%;
    padding:3px 15px;
    color:#ffffff;
    border:none;
    width:130px;
}
.shopProductDetailSimplePrice
{
    color: #ffffff;
    background-color:#660000;
    padding: 4px 15px;
    display:block;
    width:150px;
    float:right;
}
.prevNextButtons
{
    padding:10px 0px;
}
.prevNextButtons table
{
    table-layout:fixed;
    width:100%;
}
.prevNextButtons table td.next
{
    text-align:right !important;
}
.prevNextButtons table td img
{
    vertical-align:middle;
}
.prevNextButtons table td a span
{
    margin:0px 7px;
}
/* END Product Detail View */

/* Mini shopping cart */
.msbWrapper
{
    padding:10px 0px;
    /*height:120px;*/
}
.msbImage
{
    float:left;
    width: 45px;
    height: 85px;
}
.msbContent
{
    float:right;
    width:170px;
    height: 85px;
    font-size:11px;
}
.msbContent div
{
    padding:4px 0px;
}
.msbTitle
{
    font-size:12px;
    text-transform:uppercase;
    text-decoration:underline;
}
.msbCalculate
{
    float:right;
    color:#FF0000;
}
.msbFreeDelivery
{
    display:block;
    float:none;
    clear:both;
}
.msbFreeDelivery span
{
    display:block;
    font-size:10px;
    font-weight:bold;
    padding:0px 0px 10px 0px;
}
.msbFooter
{
    height:25px;
    clear:both;
}
.msbFooter img
{
    vertical-align:middle;
    float:left;
}
.msbFooter input
{
    float:right;
}
/* END Mini shopping cart */

/* Shopping Basket Part */
.shoppingCartTitle
{
    padding:8px 10px;
    background-color:#CEC1B0;
}
table.shoppingCartItems
{
    width:100%;
    font-size:10px;
}
table.shoppingCartItems thead th
{
    font-weight:normal;
    text-align:left;
    height:30px;
}
table.shoppingCartItems td span
{
    padding:1px 2px;
}
table.shoppingCartItems tr.alternating
{
    background-color:#e5e5e5;
}
.shoppingCartQuantity
{
    color:#0000FF;
}
.shoppingCartTotal
{
    font-weight:bold;
}
.shoppingCartFooter
{
    padding:5px 0px;
}
.basketButtons
{
    margin-left:380px;
}
/* END Shopping Basket Part */

/* BasketOverviewView */
.checkoutTable
{
    padding-bottom:5px;
    border-bottom:solid 2px #000000;
}
.checkoutTable table, .checkoutTotal table, .checkoutCosts table
{
    table-layout:fixed;
    border-collapse:separate;
    font-size:11px;
}
.checkoutTable table tbody tr, .checkoutTotal table tbody tr, .checkoutCosts table tbody tr
{
    background-color: #E2DAD0;
}
.checkoutTable table tbody tr td
{
    
}
.checkoutTable table tbody tr.alternating, .checkoutCosts table tbody tr.alternating
{
    background-color: #F0ECE7;
}
.checkoutTable table tbody tr td span, .checkoutTotal table tbody tr td span, .checkoutCosts table tbody tr td span
{
    display:block;
    padding:2px;
}
.checkoutTable table tbody tr td span.bovProductLine
{
    display:inline;
}
.checkoutTotal table tbody tr td span
{
    padding: 4px 2px;
}
.checkoutTable table tbody tr td input[type=text].integer
{
    width:40px;
    font-size:11px;
}
.checkoutTable table tbody tr td input[type=image]
{
    margin:2px;
}
.checkoutTotal
{
    padding: 5px 0px;
    border-bottom:solid 2px #000000;
}
.checkoutTotal table
{
}
.shopTotalCell
{
    height:25px;
    background:url(images/table_header.jpg) repeat-x center;
    color:#ffffff;
}
.shopTotalCell span
{
    display:block;
    padding-left:10px;
}
.checkoutTotal table select
{
    margin:2px 0px;
}
.shopButtons
{
    padding: 5px 0px;
}
.bovFancyButtonsTop
{
    padding: 5px 0px;
    text-align:right;
}
.bovFancyButtonsTop input[type=submit]
{
    width:180px;
    text-align:center;
    height:30px;
    padding: 5px 0px;
    background:url(btn_green_180.jpg) no-repeat center center;
    font-family:'Arial Black', Arial;
    font-size:14px;
    color:#ffffff;
    text-transform:uppercase;
}
.bovBelowBasket table
{
    table-layout:fixed;
    border-collapse:collapse;
    width: 700px; 
}
.bovGlobalTotal
{
    height: 40px;
}
.bovGlobalTotal span
{
    display:block;
    float:left;
    height:16px;
    padding:12px 7px;
    background:url(title_40_red.jpg) repeat-x center;
    width:246px;
    border:solid 1px #333;
    color:#ffffff;    
    font-weight:bold;
}
.bovGlobalTotal span.glTotal
{
    width: 80px;
    padding: 12px 0px;
    background:url(title_40_green.jpg) repeat-x center;
    text-align:center;
    border:solid 1px #336699;
}
.bovButtonsBelow
{
    padding: 8px 0px;
}
.bovButtonsBelow img
{
    margin: 0px 10px;
    vertical-align:top;
    float:left;
}
.bovButtonsBelow span
{
    display:block;
    float:right;
    width:200px;
}
.bovButtonsBelow input[type=submit], .bovButtonsBelow input[type=image]
{
    margin: 10px 10px 0px 10px;
}
.bovButtonsBelow input[type=submit]
{
    width:180px;
    text-align:center;
    height:30px;
    padding: 6px 0px;
    background:url(btn_green_180.jpg) no-repeat center center;
    font-family:'Arial Black', Arial;
    font-size:14px;
    color:#ffffff;
    text-transform:uppercase;
}
.bovText
{
    border: solid 1px #333;
    padding-left: 10px;
    padding-right: 10px;
    margin-top:15px;
}
.bovNoDelivery
{
    padding:3px;
    border:solid 2px #FF0000;
}
.bovVoucherValidation
{
    padding: 3px;
    border: solid 2px #ff0000;
}
.bovVouchers
{
    padding:3px;
    background-color:#CCC;
    border: solid 1px #333;
    margin-right:10px;
    font-size:11px;
}
.bovVoucherInput
{
    padding:7px 0px;
}
.bovVoucherInput span
{
    display:block;
    float:left;
    width: 100px;
    padding:3px 0px;
}
.bovVoucherInput input[type=text]
{
    width:200px;
}
/* END BasketOverviewView */

/* SagePay Order Delivery View */
.spodvCurrent
{
    height: 270px;
}
.spodvCurrent div
{
    height: 20px;
}
.spodvCurrent div span
{
    display:block;
}
.spodvIndent
{
    padding:15px 0px 0px 25px;
}
.spodvIndent div span
{
    float:left;
    width: 150px;
    padding: 3px 0px;
}
.spodvCaption
{
    display:block;
    float:left;
    width:150px;
}
.spodvInstructions span
{
    display:block;
    float:none !important;
    width:auto !important;
}
.spodvInstructions textarea
{
    height: 75px;
    width: 350px;
}
.spodvCustomerDelivery
{
    margin-top:10px;
}
.spodvCustomInput
{
    padding: 15px 0px 0px 25px;
    height:330px;
}
.spodvCustomInput div
{
    height: 20px;
    padding: 2px 0px;
}
.spodvCustomInput div span
{
    display:block;
    float:left;
    width: 140px;
    padding: 3px 0px;
}
.spodvCustomInput div input[type=text]
{
    width: 300px;
}
div.spodvStreetLine2 input[type=text]
{
    margin-left: 140px;
}
.spodvButtons
{
    text-align:right;
    width: 500px;
}
.spodvButtons p
{
    text-align:left;
}
/* END SagePay Order Delivery View */

/* My Account Page */
.myAccountInput
{
    font-size:11px;
    margin-bottom:15px;
}
.myAccountInput div
{
    height:20px;
}
.newsLetterSubscription span.newsLetterCaption
{
    width:200px !important;
}
/* END My Account Page */

/* Login Part */
.shopLoginWrapper
{
    margin: 10px 0px;
}
.shopLoginTitle
{
    padding:8px 10px;
    background-color:#CEC1B0;
}
.shopLoginNoSuccess p
{
    background-color:#ff0000;
    color:#ffffff;
    padding:4px 10px;
    margin: 3px 0px 3px 0px;
}
.shopLoginInput
{
    height:40px;
    padding-left:20px;
}
.shopLoginInput div
{
    float:left;
    width:300px;
}
.shopLoginInput div span
{
    display:block;
    padding:2px 0px;
}
.shopLoginInput div input[type=text], .shopLoginInput div input[type=password]
{
    width:280px;
}
.shopLoginButtons
{
    padding:7px 0px 7px 0px;
}
.shopLoginButtons input[type=submit]
{
    padding-left:25px;
    padding-right:25px;
}
/* END Part */
/* Register Part */
.ranWrapper
{
    margin:10px 0px;
}
.ranTitle
{
    padding:8px 10px;
    background-color:#CEC1B0;
}
.ranValidation
{
    background-color:#ff0000;
    color:#ffffff;
    padding:4px 10px;
    margin: 3px 0px 3px 0px;
}
.ranInput
{
}
.ranSection
{
}
.ranSection div
{
    height: 20px;
    padding: 2px 0px 2px 20px;
}
.ranSection div span
{
    display:block;
    float:left;
    width:140px;
}
.ranSection div input[type=text], 
.ranSection div input[type=password],
.ranSection div select
{
    width: 210px;
}
.ranSection div.ranSectionTitle
{
    font-weight:bold;
    padding-left:10px;
    float:none;
}
.ranButtons
{
    padding:7px 0px 7px 0px;
}
.ranButtons input[type=submit]
{
    padding-left:25px;
    padding-right:25px;
}
.ranRadios span
{
    width: 400px !important;
}
.ranInstructions
{
    height:95px !important;
}
.ranInstructions span
{
    display:block;
    padding: 2px 0px;
    height:18px;
    width:auto !important;
    float:none !important;
}
.ranInstructions textarea
{
    width:500px;
    height:75px;
}
.ranCompanyInfo
{
    
}
.ranCompanyInfo div
{
    height: 20px !important;
    padding-left: 30px;
}
.ranCompanyInfo div span
{
    width: 120px !important;
}
/* END Register Part */

/* Payment error page */
.pfWrapper
{
    margin:50px;
    border:solid 1px #333;
}
.pfTitle
{
    padding: 5px 10px;
    background-color:#CEC1B0;
    font-weight:bold;
    border-bottom:solid 1px #333;
}
.pfWrapper table td
{
    text-align: left;
    vertical-align: top;
}
.pfStatus
{
    font-weight:bold;
    padding: 10px;
}
.pfMessage
{
    padding:10px;
}
/* END Payment error page */

/* NewsLetterSubscriptionBox */
.nlsWrapper
{
    margin-bottom:15px;
    padding-bottom:8px;
    border-bottom:solid 2px #333;
}
.nlsTitle
{
    padding: 10px 10px 10px 40px;
    background:url(images/bookmark.png) no-repeat 3px center;
    background-color:#CEC1B0;
    font-weight:bold;
}
.nlsContent
{
    padding:7px;
}
.nlsText p
{
    margin:0px;
    padding: 7px 0px 5px 0px;
}
.nlsInput
{
}
/* END NewsLetterSubscriptionBox */

/* SagePayPaymentView */
.sppOrderTable
{
}
.sppTotals
{
    margin: 10px 0px 20px 0px;
}
.sppTotals td span
{
    font-weight:bold;
}
.sppDelivery div div
{
    height:20px;
    padding:3px 0px;
}
.sppDelivery div div span
{
    display:block;
    width:200px;
    float:left;
}
.sppRemarks span
{
    display:block;
    padding:3px 0px;
}
.sppRemarks span + span
{
    margin-left:200px;
}
.sppButtons
{
    padding:10px 0px;
}
/* END SagePayPaymentView */

/* UserPasswordReminderView */
.uprWrapper
{
    width:400px;
    margin:40px auto;
    border:solid 1px #333;
}
.uprContent
{
    padding:10px;
}
.uprContent div
{
    height:30px;
}
.uprContent div span
{
    display:block;
    float:left;
    width:150px;
}
.uprContent div input[type=text]
{
    width:200px;
}
.uprTitle
{
    height:18px !important;
    padding: 2px 5px;
    background-color:#CEC1B0;
}
/* END UserPasswordReminderView */
/* Login/Register Part */
.lrTitle
{
    padding: 15px 10px 15px 40px;
    background:url(images/bookmark.png) no-repeat 3px center;
    background-color:#CEC1B0;
    font-weight:bold;
}
.lrWrapper
{
    padding:10px 0px;
    border-bottom:solid 2px #ccc;
    border-top:solid 2px #ccc;
}
.lrLoginFailed p
{
    background-color:#ff0000;
    color:#ffffff;
    padding:4px 10px;
    margin: 3px 0px 3px 0px;
}
.lrUserInfo span
{
    display:block;
}
.lrUserInfo a
{
    display:block;
    padding:3px 0px;
}
.lrContent
{
    padding:5px 0px;
}
.lrInput
{
    height:22px;
    padding:2px 0px;
}
.lrInput span
{
    display:block;
    float:left;
    width:70px;
    padding:2px 5px 2px 0px;
}
.lrInput input
{
    width:120px;
}
.lrLinks
{
    padding:3px 0px;
}
.lrLinks a
{
    color:#0000ff;
    font-size:10px;
}
.lrRegisterLinks a
{
    color:#0000FF;
}
/* END Login/Register Part */