input[type=text], input[type=password], select, textarea{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -o-box-shadow: inset -1px -1px 6px #D8D8D8;
    -ms-box-shadow: inset -1px -1px 6px #D8D8D8;
    -moz-box-shadow: inset -1px -1px 6px #D8D8D8;
    -webkit-box-shadow: inset -1px -1px 6px #D8D8D8;
    box-shadow: inset -1px -1px 6px #D8D8D8;
    padding: 7px 5px;
    border: 1px solid #666;
}
input[type=text]:hover, select:hover, textarea:hover, 
input[type=text]:focus, select:focus, textarea:focus {
    background: #F3F3F3;
    outline: none;
}

body, html
{background: #FFF;font-size: 14px;margin: 0;}

p, ul, li, pre, span
{color: #333;}

#mainbody
{border: 0; width: 100%;padding: 0;border-radius: 0;}

.wrapper
{width:1140px; margin: 0 auto;}

#header
{padding: 45px 0;}

.logo_wrapper
{float:left;}

.header_contact
{text-align: right;}

.header-phone
{font-size: 29px;color: #d22630;padding: 10px 0 4px 38px;background: url(/images/header-phone-bg.png) 0 0 no-repeat;font-weight: normal;}

.header-address
{display: block;font-size: 12px;}

.header-email
{text-decoration: none;color: #333;font-size: 16px;display: block;padding-top: 7px;}

.nav
{border-top: 1px solid #333;border-bottom: 1px solid #333;}

#MainMenu
{border-radius: 0;background: #FFF;border: 0;height: auto;}

#MainMenu li
{border-right: 1px solid #333;border-left: 0;}

#MainMenu li:first-child
{border-left: 1px solid #333;}

#MainMenu li a
{background: #FFF;color: #333;}

#MainMenu li a:hover
{background: #d22630;color: #FFF;}

#MainMenu li a.cssselected
{background: #009639 !important;color: #FFF;}

#container
{position:relative;}

#left
{position: absolute;top: 0px;left: 0px;min-height: 100%;background: #d9d9d9;width: 300px;padding-bottom: 44px;}

.Home #ctl10_userLabel
{display: none;}

#ctl10_changePasswordHyperLink
{display: block;text-decoration: underline;color: #d22630;margin: 5px 0 15px;}

.control
{background: #FFF;margin: 0 15px 20px;background: #FFF;border-radius: 3px;box-shadow: 0px 2px 10px #BBB;overflow: hidden;padding: 15px;}

.loginlinkcontrol
{margin: 30px 15px 20px;width: auto !important;}

.csscontrolBoxHeader
{border-radius: 0;background-image: none;}

.cssloginImage 
{background: url(/images/login-icon.png) no-repeat left center;margin-bottom: 10px;}

.csssearchImage 
{background: url(/images/search-icon.png) no-repeat left center;margin-bottom: 10px;}

.csstrackingImage 
{background: url(/images/tracking-icon.png) no-repeat left center;margin-bottom: 10px; margin-bottom: 10px;
padding-left: 35px;
line-height: 24px;}

.cssbasketImage, .csssavedImage 
{background: url(/images/basket-icon.png) no-repeat left center;margin-bottom: 10px; margin-bottom: 10px;
padding-left: 35px;
line-height: 24px;}

#ctl10_lblHeader, #ctl12_lblProductSearch, #ctl14_lblHeader
{margin-left: 35px;line-height: 30px;}

.csscontrolBoxHeader span
{color: #d22630;text-transform: none;margin: 0;}

.csscontrolBoxes 
{border: 0; padding: 0;font-size: 1em;}

.csscontrolBoxes input[type=text], .csscontrolBoxes input[type=password]
{width: 232px;margin: 0 0 10px;border-radius: 3px;
-moz-box-shadow:    inset -1px -1px 6px #D8D8D8;
-webkit-box-shadow: inset -1px -1px 6px #D8D8D8;
box-shadow:         inset -1px -1px 6px #D8D8D8;
}

.csscontrolBoxes input[type=text]:focus, .csscontrolBoxes input[type=password]:focus
{
background: #E4E4E4;
-moz-box-shadow:    inset -1px -1px 6px #E4E4E4;
-webkit-box-shadow: inset -1px -1px 6px #E4E4E4;
box-shadow:         inset -1px -1px 6px #E4E4E4;
outline: none;
}

.csscontrolBoxes select
{width: 240px;margin: 0 0 10px;border-radius: 3px;height: 32px;border: 0;background: #CCC;}

.cssbutton 
{border-radius: 3px;border: 0;width: 100% !important;margin: 0 !important;background-image: none;height: 35px;box-shadow: initial;}

.cssbutton:hover
{background: #d22630;}

.cssloginImageButton
{background: #009639;}

.cssloginImageButton:hover
{background: #d22630;}

.cssloginImageButtonlogout  
{margin-bottom: 10px !important;}

.csstrackImageButton, .cssloginImageButtonlogout  
{margin-top: 10px !important;}
.cssloginImageButtonlogout {
    background: #009639;
}
.cssloginImageButtonlogout:hover {
background: #d22630;
}

.main
{width: 820px;margin-left: 320px;}

#homeForm {
    width: 1140px;
}

.homemain
{padding: 20px 0;}

.home-login, .home-register
{width: 358px;min-height:155px;float: left;margin: 0 20px 20px 0;border-radius: 3px;border: 1px solid #333;padding: 20px;text-align: left;}

.loggedin .home-login, .loggedin .home-register
{display: none;}

.home-register
{margin: 0 0 20px 0;}

.home-login h2, .home-register h2
{font-size: 28px;color: #d22630;font-weight: normal;}

.home-login p, .home-register p
{margin-bottom: 15px;}

.home-login .cssbutton, .home-register .cssbutton
{display:block;background: #009639;text-align: center;line-height: 35px;padding: 0;}

.home-login .cssbutton:hover, .home-register .cssbutton:hover
{background: #d22630;}

.image_reel img
{border: 0;}

.main_view
{float: none;position: relative;}

.window
{border: 0;height: 318px;width: 820px;overflow: hidden;position: relative;margin-left: 0px;}

.paging
{position: relative;bottom: auto;right: auto;width: auto;text-align: center;line-height: 40px;background: none;display: none;margin: 15px 0;}

.paging a
{color: #FFF;border-radius: 50%;padding: 0;height: 10px;width: 10px;text-indent: -99999px;background: #C4C4C4;border: 1px solid #808080;display: inline-block;}

.paging a.active
{background: #FFF;border-radius: 50%;border: 1px solid #808080;}

#footer
{font-size: 0.8em;clear: both; margin-top: 20px;}

#footer a
{text-decoration: underline;}

.copyright
{display: block;margin-bottom: 10px;}

/* Breadcrumb */

.breadcrumb
{padding: 15px 0;height: 15px;margin-bottom: 0;}

.breadcrumb a, .breadcrumb span
{font-weight: bold;color: #d22630;font-size: 11px;}

.breadcrumb a:hover
{color: #009639;}

span.breadcrumbSeparator
{color: #009639;}

.homeLinkBack
{width: auto;background: none;position: relative;padding-left: 15px;}

.homeLinkText 
{margin-right: 4px;}

.homeLinkBack a
{background: #d22630;height: 10px;position: absolute;left: 0;top: 2px;}

.breadcrumbBack {
    color: #504C94;
    font-weight: bold; 
    font-size: 12px;
}
.breadcrumbBack:hover {
    color: #302E84;
}

/* Sectors/Browse */

.sectorspanel
{border-radius: 0 !important;border: 0;}

.cellTextHyperlink
{background: none;color: #d22630;text-align: left;font-size: 18px !important;font-weight: normal;border-bottom: 1px solid #d22630;margin-right: 15px;padding-bottom: 10px;}

.sectortable 
{width: auto;margin: 10px 0 40px;}

.sectorcell 
{border-radius: 0;width: 260px;padding-left: 0;}

.sectorimagecell 
{text-align: right;width: 100px;}

.miniRanges a 
{text-transform: none;font-size: 14px;background: none;padding: 0;color: #333;margin-bottom: 5px;}

.miniRanges a:hover
{background: none;}

/* Groups/Sub Cat */

.cssbrowse li 
{border-radius: 0;border: 0;position: relative;text-align: left;margin: 5px 10px 30px;
width: 247px;}

.cssbrowse .browseCellTextHyperlink 
{background: none;color: #d22630;font-size: 14px !important;font-weight: normal;padding: 0;
border-radius: 0;position: absolute;bottom: 0px;
width: 245px;height: 40px;margin: 0;}

.browseCellImageHyperlink 
{margin-bottom: 30px;}

.browseCellImageHyperlink img 
{margin: 0;}

.cssbrowse .browseCellCountLabel 
{background: none;color: #333;text-align: left;
border-radius: 0;margin-bottom: 45px;border-top: 1px solid #d22630;padding: 10px 0 0;}

/* Product Filter */

.productsFilterPanel 
{background: none;border: 0;border-radius: 0;height: auto;padding: 0;width: 100%;margin-bottom: 20px;}

.topFilterPanel 
{width: 20%;margin: 0 !important;}


.orderByTopFilterPanel {
    width: 21%;
}

.subgroupTopFilterPanel {
    width: 16%;
    padding-left: 10px;
}
.manufacturerTopFilterPanel 
{width: 40%;}

.topFilterPanel span 
{color: #000;display: inline;margin-right: 10px;}

.topFilterPanel select 
{width: auto;display: inline;border-radius: 3px;height: 28px;text-indent: 0px;box-shadow: inset -1px -1px 3px 0px #D8D8D8;font-size: 11px;}

.brandTopFilterPanel select
{width: 114px;}

.manufacturerTopFilterPanel select
{width: 242px;}

/* Product Listing */

.productdetailsdatalist 
{margin-left: -20px;width: auto;}

.itemcell 
{width: 33.3%;float: left;clear: none;border: 0;
border-radius: 0;margin-bottom: 30px;}

.productdetailsitem
{margin-left: 20px;padding: 0;float: none;}

.productlistcode 
{float: none;text-align: left;padding-bottom: 20px;margin-bottom: 35px;border-bottom: 1px solid #808285;position: relative; height: 100px;}

.productlistcode:after 
{clear: both;content: "";display: block;}

.productsCodePanel 
{padding-top: 0;position: absolute;bottom: -30px;margin: 0;font-size: 12px;}

.productsCodePanel a
{font-size: 12px;}

.productsDescriptionLabel
{font-weight: normal !important;font-size: 18px;
margin-bottom: 25px;display: block;}

.productsLongDescriptionLabel 
{font-size: 12px;line-height: 16px;}

.productsPackLabel 
{margin-bottom: 15px;}

.thumbnail
{float: left;}

.thumbnail:hover span 
{top: 0px;left: 160px;}

.productlistdescription 
{float: none;width: auto;margin: 0;height: 200px;}

.productdetailsqty 
{float: none;}

.productsPriceLabel 
{font-weight: bold;font-size: 16px;margin-bottom: 10px;display: block;}

.ProductsVatPrices 
{display: none;}

.productsAddLabel 
{margin-right: 5px;}

.productsQtyTextBox 
{width: 40px;padding: 4px 0 !important;text-align: center;border-radius: 3px;box-shadow: inset -1px -1px 3px 0px #D8D8D8;margin-right: 10px !important;}

.productsBuyImageButton 
{width: 100px !important;font-size: 11px;text-transform: uppercase;height: 24px;background: #009639;box-shadow: inset -1px -1px 3px 0px #3D9637;}

.productsBuyImageButton:hover
{background: #4A9E44;}

/* Product Pagination */

.productspager 
{clear: both;text-align: right;}

.pnlProdPagerTop 
{margin-bottom: 20px;}

.pagerLink {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding: 0 5px;
}

.firstPagerLink { 
    background: url(/images/first_pagination_icon.png) no-repeat top left; 
    padding: 4px 5px 3px 20px;
}

.firstPagerLink:hover {
    background-position: bottom left;
}

.lastPagerLink { 
    background: url(/images/last_pagination_icon.png) no-repeat top right; 
    padding: 4px 20px 3px 5px;
}

.lastPagerLink:hover {
    background-position: bottom right;
}

.pageSizeWrapper {
    margin: 10px 0 0 0;
}
.pageSizeWrapper select {
    width: auto;
    display: inline;
    border-radius: 3px;
    height: 28px;
    text-indent: 0px;
    box-shadow: inset -1px -1px 3px 0px #D8D8D8;
    -webkit-appearance: none;
    background: url(/images/select-bg.jpg) no-repeat right center;
    font-size: 11px;
    padding-right: 20px;
}

/* Product Page */

.productdetailscontainer {
    position: relative;
    border: 0;
    border-top: 1px solid #808080;
    padding: 15px 5px 15px 220px;
    border-radius: 0;
}

.prodDetailsImageCont {
    position: absolute;
    top: 15px;
    left: 0px;
    width: 200px;
    max-width: 200px;
}

.prodDetailsImageCont .pdfLinkButton {
    display: none;
}

.prodDetailsLabelCont {
    position: relative;
    padding-top: 20px;
}

.prodDetailsLabelCont > span {
    font-size: 18px;
    margin-bottom: 5px;
    display: block;
    color: #d22630;
}

.NewcodeLabel {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    font-weight: bold;
}

.prodCodeLabel, .YourPriceHeaderLabel, .VatPrices, .tabbernav {
    display: none;
}

.YourPriceHeaderPrice {
    display: block;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
}

.callOffPanel {
    margin: 0 10px 10px 0;
}

.newLineCheckBox input {
    margin-right: 5px;
}

.pControlQtyTextBox {
    font-size: 0.8em;
    padding: 4px 0 !important;
    width: 40px;
    margin-right: 5px;
}

.pControlBuyButton {
    width: auto !important;
    font-size: 11px;
    text-transform: uppercase;
    height: 24px;
    background: #009639;
    box-shadow: inset -1px -1px 3px 0px #3D9637;
    border-radius: 3px !important;
}

.TabCont {
    margin-bottom: 20px;
}

.lblError {
    margin: 10px auto;
    width: 45%;
    display: block;
}

.cssbutton.continueLinkButton {
    margin: 0 0 10px !important;
    width: 120px !important;
    float: left;
    background: #009639;
    box-shadow: inset -1px -1px 3px 0px #3D9637;
    line-height: 35px;
}

.cssbutton.continueLinkButton:hover, .pControlBuyButton:hover {
    color: #fff;
    background: #d22630;
}

.moreLinkButton {
    background: none;
    color: #d22630;
    text-align: left;
    padding: 0;
    font-weight: bold;
    font-size: 13px;
    margin-bottom: 10px !important;
}

.moreLinkButton:hover {
    background: none;
    color: #009639;
}

/* Admin Footer */
.adminFoot {
width: 820px !important;
padding-left: 320px !important;
margin-top: 20px !important;
margin-left: auto !important;
margin-right: auto !important;
}

/* Shopping cart (sidebar) */

.miniCart td img, .miniCart .hlMCProdImg, .miniCart .hlMCProdDesc  {
    display: none;
}

#minicartPanel td {
    position: relative;
}
#minicartPanel td:hover {
    background:#E9E9E9;
}

#minicartPanel .hlMCProdImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 15px;
    display: block;
    cursor: pointer;
}

#minicartPanel td div.prodPrices, #minicartPanel .lblMCProdCode, #minicartPanel .lblMCProdQty, 
.sidebar_btr .prodPrices, .sidebar_btr .lblMCProdCode, .sidebar_btr .lblMCProdQty {
    display: inline-block !important;
    float: left;
    *display: inline;
    *display: zoom; 
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;
    font-size: 12px;
}

.sidebar_btr {
    padding: 2px;
}
.sidebar_btr .prodPrices, .sidebar_btr .lblMCProdCode, .sidebar_btr .lblMCProdQty {
    font-weight: bold;
}

.sidebar_basket .control.minicartcontrol {
    padding: 0;
    background: transparent;
    box-shadow: 0px 0px 0px #fff;
    width: 100%;
    margin: 0;
}

.loggedout .sidebar_basket, .loggedout .savedorderscontrol {
    display: none;
}

#minicartPanel .lblMCProdCode,
.sidebar_btr .lblMCProdCode {
    width: 89px;
}
#minicartPanel .lblMCProdQty,
.sidebar_btr .lblMCProdQty {
    width: 60px;
}
#minicartPanel td div.prodPrices,
.sidebar_btr .prodPrices {
    width: 80px;
    border: 0px;
    padding: 0;
    margin: 0;
}

#minicartPanel div {
    border: 0px solid #fff;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    margin-top: 15px;
}

#minicartPanel div span {
    text-decoration: none !important;
}

.sidebar_checkout {
    background: #009639;
    display: block;
    text-align: center;
    padding: 0;
    line-height: 35px;
}
.sidebar_checkout:hover {
    background: #d22630;
}





/* My Account */

.cssAccountPage div {
    border: 0;
}

.cssAccountPage a {
    display: block;
    background: #009639;
    text-align: center;
    line-height: 29px;
    padding: 0;
    border: 0;
    margin-top: 39px !important;
    margin-left: 89px;
    width: 155px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    text-transform: capitalize;
}

.cssAccountPage a:hover {
    background: #d22630;
}

.cssAccountPage .stmtTraders {
    display: none;
}

.cssAccountPage span {
    font-size: 10px;
    font-style: normal;
}

/* Account History */

/* Account Outstanding Orders */

#account table {
    border: 0px !important;
    border-top: 2px #808285 solid !important;
    border-spacing: 0;
    margin: 20px 0;
}

#account table th , #account table th a{
    color: #333333;
    font-weight: bold;
    background: none;
}

#account table td {
    background: none;
    text-align: left;
}

#account .cssgrid {
    width: 100%;
}

/* Account order details */
.accountdetails input {
    width: 20% !important;
    float: right;
    margin: 10px 0px 42px 10px !important;
}

.accountdetails input:hover {
    color: #fff;
}

.accountdetails .cssorderImageButton {
    background: #009639;
}

.accountdetails .cssorderImageButton:hover {
    background: #d22630;
}

.accountdetails .subTotalWrapper {
    border-top: 2px solid #808285;
    border-bottom: 2px solid #808285;
    text-align: right;
    padding: 10px;
}


/* Account Financial = Order History */

.ageLabel {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 20px;
    display: block;
}


.cssgrid.invGridView {
    margin-bottom: 40px;
}

#account table.paidRadioButtonList {
    border-top: 0 !important;
}

.paidRadioButtonList{
    width: 135px;
}

.paidRadioButtonList td {
    font-weight: normal;
    margin-right: 10px;
}


/*Change Password & login page*/

.resetPassword .changepassword, .loginBox {
    margin: 20px auto;
    width: 40%;
}

.loginBox {
    width: 75%;
}

.resetPassword .LoginLabel, .loginBox .loginLabel, .loginBox a {
    display: block;
}

.loginBox a  {
    padding-left: 10px;
}

.resetPassword input, .loginBox input, .register input {
    /*width: 97% !important;*/
    width: 315px !important;
}


.resetPassword input:focus, .loginBox input:focus, .register input:focus{
    background: #D8D8D8;
    outline: none;
    width: 97% !important;
}

.resetPassword input[type=submit], .loginBox input[type=submit], .register input[type=submit]{
    background: #009639;
    color: #fff;
    width: 330px !important;
    -moz-box-shadow: inset -1px -1px 6px #d22630;
    -webkit-box-shadow: inset -1px -1px 6px #d22630;
    box-shadow: inset -1px -1px 6px #d22630;
    cursor: pointer;
    padding: 10px;
    font-size: 12px;
    border-radius: 5px;
}

.loginBox input[type=submit] {
    margin-bottom: 5px !important;
}

.resetPassword input[type=submit]:focus, .resetPassword input[type=submit]:hover, 
.loginBox input[type=submit]:focus, .loginBox input[type=submit]:hover,
.register input[type=submit]:focus, .register input[type=submit]:hover{
    background: #d22630;
}

.resetPassword .errorLabel, .loginBox .errorLabel {
    display: block;
    padding: 10px;
    color: #CA0000;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px; 
    -o-border-radius: 5px;
    border-radius: 5px;
}

.resetPassword .lblNote {
    display: block;
    background: #E7F7FF;
    padding: 10px;
    color: #00A3FF;
    font-size: 12px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px; 
    -o-border-radius: 5px;
    border-radius: 5px;
}

.resetPassword input[type=submit], .loginBox input[type=submit], .register input[type=submit] {
    width: 285px !important;
}

.resetPassword input,.loginBox input, .register input {
    width: 273px !important;
}


/* register */

.register table {
    margin: 0 auto;
}

.register td span {
    padding-left: 10px;
    display: block;
}

.register input[type=submit] {
    width: 258px !important;
    margin: 0 0 0 247px !important;
}

.register select {
    line-height: 30px;
    padding: 5px;
    width: 261px;
}


/* cart / basket */

.progressList {
    margin: 20px 0 20px 0;
    padding: 0;
}

.progressList .ProgressBarCol {
    border-bottom: 2px solid #ccc;
    width: 33.33%;
    display: inline-block;
    margin: 0;
    background: none;
    text-align: center;
    font-size: 17px;
    color: #d22630;
    height: auto;
    padding: 5px 0;
    *display: inline;
    *zoom: 1;
}

.progressList .cartProgressItemSelected  {
    border-bottom: 2px solid #009639; 
}
.cartpanel, .checkoutpanel {
    width: auto;
}


.cartCheckBoxWrapper {
    display: inline;
    width: auto;
    float: left;
    margin: 0px 10px 10px 0;
}

.cartCheckBoxWrapper label {
    padding-left: 5px;
}


.cart_basket table {
    border: 0px;
    border-top: 2px #808285 solid !important;
    width: 100%;
}

.cart_basket th {
    color: #333;
    font-weight: bold;
    background: none;
}

.cart_basket .cssgrid tr {
    border: 0px;
}

.cart_basket .cssgrid td {
    border-bottom: 2px solid #CDCDCD;
    padding: 10px;
}

.cart_basket .cssgrid .divCartRemoveButton {
    text-align: center;
}


.cart_basket .cssgrid input, .cart_basket .cssgrid select {
    width: auto;
    margin: 0 0 10px;
    border-radius: 3px;
    -moz-box-shadow: inset -1px -1px 6px #D8D8D8;
    -webkit-box-shadow: inset -1px -1px 6px #D8D8D8;
    box-shadow: inset -1px -1px 6px #D8D8D8;
    padding: 5px;
}

.cart_basket .cssgrid input:focus,.cart_basket .cssgrid select:focus  {
    background: #D8D8D8;
}

.cart_basket .cssgrid select {
    display: block;
    width: 100%;
}

.cart_basket .cssgrid .divCartQtyBox input {
    width: 50px;
}

.cart_basket .lblCartProdDesc {
    font-size: 14px;
}

.cart_basket .cartupdatebuttons {
    float: none;
    width: 100%;
    margin-bottom: 10px;
}

.cart_basket .cartupdatebuttons input{
    display: inline-block;
    width: 33% !important;
    *display: inline;
    *zoom: 1;
}

.cart_basket .cartButtonsPanel input{
    margin-bottom: 10px !important;
}

.pricesPanel {
  margin-top: auto;
}

.cartTotalsLineLeft, .cartTotalsLineRight, .cartTotalValue  {
    display: inline-block !important;
    *display: inline;
    *zoom: 1;
}

.cart_basket .cssCheckoutButton  {
    background: #009639;
}

.cart_basket .cssCheckoutButton:hover {
    background: #d22630;
}

.cartTotalsLineLeft {
    width: 70%;
    text-align: right;
    font-weight: bold;
}
.cartTotalsLineRight {
    width: 30%;
}

.cartTotalsLineLeft  {
    padding: 10px 0;
}

.cartTotalValue {
    padding: 15px 0;
}

.cartTotalsLine {
    border-bottom: 2px solid #FFF;
    width: 100%;
    background: #F7F5F5;
}

.cart_basket .cssCartTotalPanel {
    border-color: #d22630;
    border: 0;
    margin: 0;
    width: 100%;
}

/* cart fast order - Forgotten something */

.cart_basket .cartFastOrder {
    font-weight: normal;
    color: #333;
    font-size: 18px;
    margin-top: 20px;
    display: block;
}
.cart_basket .forgottenSomethingWrapper {
    background: #F5F5F5;
    border: 1px solid #F1F1F1;
    padding: 20px;
}

.cart_basket .forgottenSomethingHeaders {
    font-weight: bold;
    margin-bottom: 5px;
}

.cart_basket .forgottenSomthingColumnOne, 
.cart_basket .forgottenSomthingColumnTwo {
    width: 40%;
    vertical-align: top;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.cart_basket .forgottenSomthingColumnTwo {
     width: 30%;
     margin-left: 10px;
}


.cart_basket .forgottenSomethingLine input[type=text] {
    margin: 0 0 10px;
    border-radius: 3px;
    -moz-box-shadow: inset -1px -1px 6px #D8D8D8;
    -webkit-box-shadow: inset -1px -1px 6px #D8D8D8;
    box-shadow: inset -1px -1px 6px #D8D8D8;
    padding: 5px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.cart_basket .forgottenSomthingColumnOne input[type=text]{
    width: 299px;
}

.cart_basket .forgottenSomthingColumnTwo input[type=text]{
    width: 100px;
}
.cart_basket .forgottenSomethingLine input[type=submit] {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 34px !important;
    padding: 4px 4px 6px;
    height: auto;
    margin-left: 7px !important
}



/* checkout page */

.cartInfoHeaderLabel {
    font-weight: normal;
    color: #333333;
    font-size: 18px;
    margin: 20px 0 5px 0;
    display: block;
}

.cartSummaryPanel, .orderDetailsPanel {
    float: left;
    display: inline;
}


.cartSummaryPanel {
    width: 25%;
    margin-right: 20px;
}

.cartSummaryPanel .cartPanelInfoContent {
    background: #EFEFEF;
    padding: 12px;
    height: 122px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    line-height: 26px;
}

.cartSummaryPanel .cartPanelInfoContent .checkoutLabel {
    font-weight: bold;
}


.orderDetailsPanel {
    width: 70%;
}

.orderDetailsPanel .dxeEditAreaSys {
    border: 1px solid #333!important;
    width: 93%;
}

.orderDetailsPanel .dxeTextBox {
    border: 0;
    width: 200px;
}
.orderDetailsPanel .dxeTextBox td {
    padding: 0;
}

.additionalInfoPanel  {
    clear: both;
}

.additionalInfoPanel .cartPanelInfoHeader{
    padding-top: 20px;
}

.checkoutCompletePanel {
  padding-top: 10px;
}

.checkout_info .orderRadioButtonList {
    border: 0;
    margin-top: 10px;
}

.checkout_info .orderRadioButtonList td {
    padding-bottom: 10px;
}

.checkout_info .orderRadioButtonList input {
    margin-right: 10px;
}

.checkoutCompleteButton input {
    font-size: 20px;
    height: auto;
    padding: 15px;
    margin: 0 !important;
    display: block;
    background: #009639;
}

.checkoutCompleteButton input:hover {
    background: #d22630;
}

/* checkout confirmation page*/


.ordermsg_info {
    width: 70%;
    padding: 30px;
    margin: 40px auto 40px;
    line-height: 20px;
    border: 2px solid #C7C7C7;
    text-align: center;
}

.ordermsg_info span {
    display: block;
}

.OrderMessageRefLabel  {
    font-weight: bold;
    color: #009639;
}


/* consumables*/

.consumables .productsPricePanel, .consumables .productsAddPanel {
    width: 100% !important;
    text-align: left !important;
}


/* Edit Information */

.editinfo .editInfoPanel,
.editinfo .personalInfoMain,
.editinfo .personalInfoHeader,
.editinfo .passwordInfoPanel,
.editinfo .optionsInfoPanel {
    border: 0px;
    margin-bottom: 20px;
}

.editinfo .headerSummary {
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 10px;
    padding-bottom: 5px;
    display: block;
}
.editinfo .titleLabel {
    margin: 20px 0 5px 0 ;
}

.editinfo .titleLabel strong {
    font-weight: normal;
    color: #333333;
    font-size: 18px;
}

.editinfo .fourColumnRow .editInformationColumn,
.editinfo .fourColumnRow .editInformationCheckBoxColumn, 
.editinfo .editInfoCheckBoxWrapper .fourColumnRow{
    display:inline-block;
    *display: inline;
    *zoom: 1;
}
.editinfo .fourColumnRow .editInformationColumn.colOne {
    width: 25%;
}
.editinfo .fourColumnRow .editInformationColumn.colTwo {
    width: 40%;
}

.editinfo .fourColumnRow .editInformationColumn.colTwo input {
    width: 315px;
}
.editinfo .fourColumnRow .editInformationColumn.colThree {
    width: 0;
}
.editinfo .fourColumnRow .editInformationColumn.colFour{
    width: 30%;
}

.editinfo .colFour .infoTextBoxSmall {
    margin-left: 25px;
}
.editinfo .reqContainer {
    display: inline;
}

.editinfo .fourColumnRow .editInformationCheckBoxColumn {
    padding: 10px 0;
}
.editinfo .fourColumnRow .editInformationCheckBoxColumn label {
    margin: 0 20px 0 5px;
}
.editinfo #ctl23_buttonHolder {
    align: center!important;
    text-align: center!important;
}
.editinfo #ctl23_buttonHolder input[type=submit] {
    width: 250px !important;
    margin: 0 0 0 auto;
}

/* Fast orders*/

.fastorder #FastOrderTable tr:first-child{
    background: transparent;
}

.fastorder #FastOrderTable, .fastorder #FastOrderTable th {
    border: 0;
    vertical-align: top;
}

.fastorder #FastOrderTable th  {
    padding-top: 5px;
}
.fastorder #FastOrderTable tr {
    background: transparent;
}

.fastorder #FastOrderTable .fastordercode {
    width: 300px;
}

/* order pad products*/
.orderpadprod input[type=submit] {
    width: 200px !important;
}

.orderpadprod input[type=submit]:hover, .orderpadprod input[type=submit]:focus {
    color: #fff;
}
.orderpadprod #orderpadproducts {
    margin: 20px 0;
}

.orderpadprod #orderpadproducts table {
    width: 100% !important;
    border: 0;
    border-top: 2px solid #333;
    color: #333;
}

.orderpadprod #orderpadproducts table th {
    font-weight: bold;
    color: #333;
}
.orderpadprod #orderpadproducts table th, 
.orderpadprod #orderpadproducts table td,
.orderpadprod .gridsubheading {
    background: transparent;
}

.orderpadprod #orderpadproducts table td {
    font-weight: normal;
}

/* top list */
.toplist {
    text-align: left; 
}

.toplistpage input[type=submit]{
    width: 100px !important;
    margin: 0 0 0 auto !important;
    display: block;
}
.toplistpage input[type=submit]:hover {
    color: #fff;
}

.toplistpage table {
    width: 100% !important;
    border: 0;
    color: #333;
}

.toplistpage table th {
    font-weight: bold;
    color: #333;
    border-top: 2px solid #333;
}
.toplistpage table th, 
.toplistpage table td {
    background: transparent;
}

.toplistpage table td {
    font-weight: normal;
}

.toplistpage table table {
    width: auto !important;
    margin: 10px 0 10px auto;

}
.toplistpage table table td {
    font-size: 12px;
}


/*helpers*/
.mt { margin-top: 20px; }
.ml { margin-left: 20px; }
.mr { margin-right: 20px; }
.mb { margin-bottom: 20px; }

.pt { padding-top: 20px; }
.pl { padding-left: 20px; }
.pr { padding-right: 20px; }
.pb { padding-bottom: 20px; }

.h1, h1, h1 span {
    font-weight: normal;
    color: #80C676;
    font-size: 26px;
}

.h2 {
    font-weight: normal;
    color: #333333;
    font-size: 18px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.content p {
    margin-bottom: 20px;
    line-height: 20px;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */