body { font-size:62.5%; font-family:Verdana, Geneva, sans-serif; background:#f2f2f2; color:#4e5359; padding:0; cursor:default;}
.wrapper, .header-wrap, .modal { font-size:1.2em;}
.wrapper { width:960px; margin:0 auto; position:relative; z-index:1; -moz-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; word-wrap:break-word; /* hyphenate overflowing words in narrow columns */}
    
    h1 { font:italic 400 21px/21px Georgia, Times, "Times New Roman", serif; margin:21px 0; color:#333;}
    h2 { font:italic 400 21px/21px Georgia, Times, "Times New Roman", serif; margin:21px 0; color:#333;}
    h3 { font:italic 400 16px/21px Georgia, Times, "Times New Roman", serif; margin:21px 0; color:#333;}
    h4 { font:italic 400 16px/21px Georgia, Times, "Times New Roman", serif; margin:21px 0 0; color:#666;}
    h5 { font:italic 400 13px/1.2em Georgia, Times, "Times New Roman", serif; margin:21px 0; color:#666;}
    h6 { font:700 13px/1.2em Verdana, Geneva, sans-serif; margin:21px 0;}
    h1 + h4 { margin:-10px 0 0;}
    p, li, td, th { font-size:13px; line-height:21px; margin:0 0 21px;}
    ul, ol { padding:0; margin:0 0 15px 25px;}
    ul ul, ul ol, ol ol, ol ul { margin-bottom:0;}
    li { margin:0 0 9px;}

    a { color:#333; text-decoration:none; cursor:pointer; outline:0 none !important; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
    a:visited { color:inherit;}
    a:hover { color:#000; background-color:rgba(255,255,255,0.8); text-decoration:underline;}

    /* Tables */
    table { background:#fff; width:100%; text-align:left; border:1px solid #E9EAEB; margin-bottom:18px; /*border-radius:3px 3px 0 0;*/ border-collapse:separate;} .ie7 table { border-collapse:collapse;}
    table caption { text-align:left; padding:8px 0; font:bold 17px/21px Verdana, Geneva, sans-serif; display:none;}
    th, td { padding:5px 10px; vertical-align:top; margin:0; text-align:left;}
    thead td, thead th { background:#EFF4FA; border:1px solid #EFF4FA; border-left-width:0; color:#333;} 
    thead tr:first-child td:first-child, thead tr:first-child th:first-child { /*border-radius:3px 0 0 0;*/ border-left-width:1px;}
    thead tr:last-child td:last-child, thead tr:last-child th:last-child { /*border-radius:0 3px 0 0;*/}
    thead th, thead td, tfoot th, tfoot td { font:700 15px/30px Georgia, Times, "Times New Roman", serif;}
    /* get first TR of TBODY and simulate THEAD styling */
    tbody tr:first-child td,
    tbody tr:first-child:hover td,
    tbody tr:first-child td:nth-child(even),
    tbody tr:first-child:hover td:nth-child(even) { background:#f2f3f4; color:#4e5359;}
    /* undo that if first TR of TBODY is preceeded by a THEAD */
    thead + tbody tr:first-child td { background:none; color:#4e5359;}
    thead + tbody tr:first-child td:nth-child(even),
    tbody tr td:nth-child(even) { /*background:#fafafa;*/ background:#fff; color:#4e5359;}
    thead + tbody tr:first-child:hover td,
    thead + tbody tr:first-child:hover td:nth-child(even),
    tbody tr:hover td { background:#fcfcfc; color:#555;}
    thead + tbody tr:first-child:hover td:nth-child(even),
    tbody tr:hover td:nth-child(even) { /*background:#f7f7f7;*/}
    #recaptcha_table td { background:#fff;}

    hr, div.hr { height:1px; border:none; border-bottom:1px solid #eee; margin:15px 0; padding:0;}

    legend { float:left; margin:0; font:700 16px/20px Georgia, Times, "Times New Roman", serif; color:#333; white-space:normal; padding:0 0 4px;}
    legend span { display:block;} /* add a pixel width here emulate display:block on legends when in a fieldset */
    fieldset { margin-bottom:15px;}
    label { vertical-align:middle;}
    select { font-size:13px; padding:1px; vertical-align:middle;}
    textarea, input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="url"], input[type="number"]
        { font-size:13px; padding:10px 15px; line-height:normal; font-family:Verdana, Geneva, sans-serif; background:#F2F2F2; border:1px solid #F2F2F2; border-radius:1px; vertical-align:middle;}
    input[type="radio"], input[type="checkbox"] { vertical-align:middle; margin-right:5px;}    
    textarea:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="number"]:focus
        { outline:0; border-color:#eee; box-shadow:inset 1px 1px 0 rgba(0,0,0,0.1);}
    
    #top { position:absolute; top:0; left:0;}
    
    blockquote { margin:0;}
    blockquote > p { font:400 italic 15px/21px Georgia, Times, "Times New Roman", serif; margin:0 0 18px; color:#64707b;}
    blockquote > p:last-child { margin-bottom:8px;}
    blockquote > p:first-child:before, blockquote > p:last-child:after { font-size:30px; line-height:10px; position:relative; top:10px; color:#97a4b0; font-style:normal;}
    blockquote > p:first-child:before { content:"\201C"; /* inserts “ */}
    blockquote > p:last-child:after { content:"\201D"; /* inserts ” */}
    blockquote + p { font-size:12px; color:#a3abb2; margin-bottom:0;}

    /* tooltips */
    .tooltip { padding:0; white-space:nowrap; position:absolute; z-index:10; bottom:18px; left:0px; color:#eee; background-color:#333; border-radius:2px; padding:5px 8px; text-decoration:none; display:none;}
    .tooltip-text { text-decoration:none; font-size:11px; font-weight:bold;}
    .tooltip-arrow { display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #333; position:absolute; bottom:-8px; left:9px;}    


/*** HEADER ***/
    body.cookie { position:relative;}
	.cookiebanner { text-align:center; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.6); width:100%; position:absolute; left:0; z-index:1000;}
	.cookiebanner-wrap { padding:5px 20px; margin:0 auto; width:960px; position:relative;}
	.cookiebanner-message { font-size:12px; line-height:16px; margin:0;}
	.cookiebanner-link { text-decoration:underline; color:inherit;}
	.cookiebanner-close { background:#555 url(../images/common/icons.png) no-repeat left -1537px; display:block; position:absolute; line-height:17px; font-size:12px; color:#fff; height:17px; padding:0 5px 0 15px; top:3px; right:20px; border:1px solid #333;}
	.cookiebanner-close:hover { background-color:#333; border-color:#000; color:#fff; text-decoration:none;}

    .header-wrap { /*z-index:101;*/} /* this fixes some ie7 issues with zindex */
    .header-inner { position:relative; z-index:2; width:960px; margin:0 auto; padding:30px 0 35px; text-align:center;}
    .header-inner > .logo-company { margin:0 auto; background:none; display:block;}
    .header-links { padding:0 225px 0 0;}
    .header-nav { float:right; color:#c3ced9; padding:8px 0 0;} .ie7 .header-nav { float:none;}
    .header-nav-list { list-style:none; margin:0; padding:0;}
    .header-nav-list > li { float:left; padding-left:10px; margin:0; line-height:normal; font-size:12px; white-space:nowrap;}
    .header-nav-list > li > a { color:#c3ced9; font-size:12px; padding-right:9px;}
    .header-nav-list > li > a:hover, .header-nav-list > li > a:focus { text-decoration:underline; color:#fff;}
    .header-nav-list > li.loggedout.login { padding-left:0;}
    .header-nav-list > li.account.welcome { display:none;}
    .header-nav-list > li.phone-li { position:absolute; top:35px; right:20px;}
    .header-nav-list > li.phone-li > h3 { font:400 17px/42px Georgia, Times, "Times New Roman", serif; color:#C3CED9; margin:0; height:42px;}


    /* Search */
    .search { position:absolute; top:5px; right:50%; margin-right:-460px; width:216px; z-index:100;}
    .search-wrap { float:left; position:relative;}
    .search .search-label { float:left; padding-right:6px; line-height:18px; color:#FFF; text-transform:uppercase;}
    .search .search-field { background:#4f5f70; box-shadow:inset 2px 2px 3px rgba(0,0,0,0.2); float:left; width:169px; font-weight:400; color:#fff; padding:3px 38px 3px 8px; height:14px; line-height:normal; border:1px solid #6c7c8c; border-width:1px 0 0 1px; font-size:12px; border-radius:0;}
    .search .search-field:-moz-placeholder { color:#c3ced9;}/* input field placeholder (put in with js to emulate html5 placeholders). cant be on the same line or it wont work according to docs */
    .search .search-field::-webkit-input-placeholder { color:#c3ced9;}
    .search .search-field.watermark { color:#c3ced9;}
    .search .search-loading-div { display:none; position:absolute; top:3px; right:25px; width:16px; height:16px; background:url(../images/common/loading-search.gif) no-repeat 0 0;}    
    .search.loading .search-loading-div { display:block;}    
    .search .search-go.button { position:absolute; top:4px; right:4px; width:18px; height:16px; font-size:12px; margin:0; padding:0; cursor:pointer; line-height:0px; text-indent:-9000px; text-transform:capitalize; border:none; background:url(../images/common/icons.png) no-repeat 0 -1408px; color:#fff;}
    .search .search-go.button:hover, .search .search-go.button:focus { background-position:0 -1348px;}
    .search .search-reqimg { position:absolute; top:0; right:-20px;}
    .search.no-keywords.no-products .typeahead { display:none;}

    /* Search Typeahead */
    .typeahead { width:235px; background:#fff; position:absolute; z-index:30; left:0; box-shadow:0 2px 5px rgba(0, 0, 0, 0.4); border:1px solid #D7D5D5; border-width:0 1px;}
    .typeahead .title { font-size:15px; line-height:32px; margin:0; padding:0 10px; margin-bottom:1px; background:#EFF4FA;}
    .typeahead-keywords-ul { list-style-type:none; margin:0; padding:0;}
    .typeahead-keywords-li { line-height:24px; font-size:13px; border-bottom:1px solid #eee; color:#4e5359; padding:0 10px; margin:0;}
    .typeahead-keywords-li:last-child { border-bottom:0;}
    .typeahead-keywords-li > b { color:#222;}
    .typeahead-keywords-li.hover { background-color:#5B9BCE; color:#fff; cursor:pointer;}
    .typeahead-keywords-li.hover > b { color:#fff;}
    .typeahead-products .product { margin:0;}
    .typeahead-products .prodlink { background:#fff; border-bottom:1px solid #eee; display:block; overflow:hidden; padding:5px;}
    .typeahead-products .prodlink:hover { background:#5B9BCE; color:#fff; text-decoration:none;}
    .typeahead-products .prodlink:hover .prodname,
    .typeahead-products .prodlink:hover .price,
    .typeahead-products .prodlink:hover .price .wasprice { color:#fff;}
    .typeahead-products .prodlink:hover .price .wasprice { color:rgba(255,255,255,0.7);}
    .typeahead-products .prodlink:hover .prodinfo .proddesc p { color:#c5deea;}
    .typeahead-products .product .prodimg { float:left; width:40px; margin:0 5px 0 0; padding:0; height:auto;}
    .typeahead-products .prodimg .icon { display:none;}
    .typeahead-products .prodinfo { float:left; width:180px; font-size:13px; color:#4e5359;}
    .typeahead-products .prodinfo .prodname { color:#4e5359; margin:0; font:400 13px/16px Verdana, Geneva, sans-serif;}
    .typeahead-products .prodinfo .prodname b { font-weight:normal;}
    .typeahead-products .prodinfo .proddesc { margin:0;}
    .typeahead-products .prodinfo .proddesc p { font-size:12px; line-height:15px; color:#999; display:none;}
    .typeahead-products .prodinfo .price { display:block; font-size:14px; margin-bottom:5px;}
    .typeahead-products .prodinfo .price .nowprice { display:inline;}
    .typeahead-products .button { display:none;}


    /* Minicarts */
    .header-carts { padding:0; float:right; position:relative; z-index:110;}
    .header-cart-wrap { float:left; position:relative;}
    .header-cart-wrap.opened .cart-wrap { background-color:#fff; text-shadow:none; border-color:#E9EAEB;}
    .header-carts .loading-spinner { position:absolute; top:7px; right:7px; z-index:15; background:url(../images/common/loading-cart.gif) no-repeat 0 0;}
    .cart-wrap { float:left; position:relative; top:0; right:-5px; z-index:11; cursor:pointer; padding:4px; border:5px solid transparent; color:#c3ced9; border-width:4px 5px 0; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
    .cart-wrap:hover { background-color:rgba(255,255,255,0.2);}
    .cart-wrap:hover, .cart-wrap:hover .cart-a { color:#fff;}
    .empty .cart-wrap:hover { background-color:transparent; cursor:default;}
    .empty .cart-a:hover { text-decoration:underline;}
    .cart-item { line-height:16px; float:left; display:block; padding:0 0 0 5px;}
    .cart-a { color:#c3ced9; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
    .cart-a:hover, .cart-a:visited { color:#c3ced9; text-decoration:none;}
    .cart-a:focus { text-decoration:underline;}
    .cart-qty { line-height:16px;}
    .cart-qty .loading-spinner { position:static; top:auto; right:auto; margin-top:-1px;}
    .cart-total { line-height:16px;}
    .cart-view-a { text-indent:-9000px; line-height:22px; height:18px; width:18px; position:relative; top:-2px; background:url(../Images/common/icons.png) center top no-repeat;}
    .header-cart-wrap.empty .cart-view-a { display:none;}
    .header-cart-wrap.opened .cart-wrap, .header-cart-wrap.opened .cart-a, .header-cart-wrap.opened .cart-item { color:#4e5359; text-shadow:none;}
    .header-cart-wrap.opened .cart-view-a { background-position:center -115px;}
    .header-cart-wrap.closed .cart-view-a { background-position:center -84px;}
    .header-cart-wrap.closed .cart-wrap:hover .cart-view-a { background-position:center -144px;}

    .cart-dropdown { display:none; width:300px; background:#E9EAEB; box-shadow:0 2px 10px rgba(0, 0, 0, 0.4); text-shadow:none; position:absolute; right:-5px; top:25px; padding:5px; z-index:10;}        
    .cart-dropdown-title { font:700 15px/26px Georgia, Times, "Times New Roman", serif; color:#333; margin:0; padding:0 5px; background:#fff;}
    .cart-dropdown a:hover { text-decoration:none;}        
    .cart-dropdown-buttons { padding-top:4px; background:##E9EAEB;}        
    .cart-dropdown-buttons .button { padding-left:0; padding-right:0; width:100%;}
    .cart-dropdown-buttons .button.cta span { padding-right:20px;}
    .cart-dropdown-buttons .button:first-child { margin-left:0; float:left; display:none;}
    .cart-dropdown-ul { margin:0; padding:0; list-style:none; max-height:250px; min-height:75px; outline:none;}
    .cart-dropdown-li { margin:0 0 1px;}
    .cart-dropdown .button.moveup, .cart-dropdown .button.movedown { top:0; width:95%; padding:0; margin:0; height:auto; line-height:normal; border:none; box-shadow:none; border-radius:0;}
    .cart-dropdown .button.movedown { top:auto; bottom:0;}
    .cart-dropdown .button.jspDisabled { background:#fff; border-width:1px 0; border-color:#fff; box-shadow:none; border-radius:0;}
    .cart-dropdown .button.control span { display:block; margin:2px auto;}
    .cart-dropdown .button.jspDisabled span { display:none;}
    .ie7 .cart-dropdown .button.control { display:block;}    
    .cart-dropdown .product { background:#fff; margin:5px 0 0; padding:5px;} .ie7 .cart-dropdown .product { margin-left:-20px;}
    .cart-dropdown .product:first-child { margin-top:0;}
    .cart-dropdown .prodimg { float:left; margin:0 5px 0 0; padding:0; width:45px; height:60px;}
    .cart-dropdown .prodinfo { float:left; width:205px; font-size:13px; color:#4e5359; padding:3px 20px 0 0;}
    .cart-dropdown .prodinfo .prodname { display:block; color:#4e5359; font:400 13px/16px Verdana, Geneva, sans-serif;}
    .cart-dropdown .prodinfo .price { display:inline-block; font-size:15px; font-weight:bold; margin:0;}
    .cart-dropdown .prodinfo .price .wasprice {text-decoration:line-through;}        
    .cart-dropdown .prodinfo .price .nowprice { display:inline;} 
    .cart-dropdown .prodinfo .qty { color:#aaa;}
    .cart-dropdown .prodinfo .remove { background:#FAFAFA url(../images/common/icons.png) no-repeat center -906px; border-radius:0; text-align:right; text-indent:-9000px; position:absolute; top:8px; right:8px; width:18px; height:18px; padding:0;}
    .cart-dropdown .prodinfo .remove span { display:none;}
    .cart-dropdown .prodinfo .remove .name { text-decoration:none; font-size:11px; font-weight:bold; padding:0; white-space:nowrap; border:none; position:absolute; z-index:10; left:-69px; top:0px; color:#eee; background:none; background-color:#333; border-radius:2px; line-height:19px; padding:0 8px; text-decoration:none; text-shadow:none;}
    .cart-dropdown .prodinfo .remove .arrow { width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #333; position:absolute; top:1px; left:-8px;}
    .cart-dropdown .prodinfo .remove:hover { background-color:#fff;}
    .cart-dropdown .prodinfo .remove:hover span { display:block; text-indent:0;}

    .wishlist.empty { display:none;}
    .mailorder.empty { display:none;}

/*** BREADCRUMB ***/
    .breadcrumb { padding:15px 0 0; background:#fff; width:960px; margin:0 auto; z-index:0; position:relative; z-index:1; display:none;}
    .breadcrumb-ul { margin:0; padding-left:20px; list-style:none;}
    .breadcrumb-li { float:left; line-height:33px; font-size:13px;}
    .breadcrumb-li > a, .breadcrumb-li > span { background:url(../images/common/icons.png) no-repeat 1px -294px; padding:0 0 0 18px;}
    .breadcrumb-li > a { color:#4e5359;}
    .breadcrumb-li > a:focus { text-decoration:underline;}


/*** MAIN SECTION ***/
    .maincont { margin:0 0 30px;}
    .left { width:255px; float:left;}
    .right { width:705px; float:left;}
    .left.alt{width:705px;}
    .right.alt{width:255px;}
    /*#plist .left, #myaccount .left, #content .left { width:180px;}
    #plist .right, #myaccount .right, #content .right { width:780px;}*/
    .system.region.prodsdetail {float:left; width:780px;}
    .system.region.prodslinked {float:left; width:180px;}


/*** FOOTER ***/
    .footer-wrap { width:960px; margin:0 auto; padding:0; position:relative;}
    .footer-inner { padding:0; line-height:0;}
    .footer-sub { margin-top:-25px; color:#b4b5b5; text-align:center;}
    
    .footer-sub .totop {}
    .footer-sub .totop,
    .footer-sub .totop:hover { box-shadow:none; background:url(../images/common/extras.png) no-repeat 0 0; width:202px; height:23px; line-height:23px; border:none; display:inline-block; margin:0 auto;}
    .footer-sub .totop > span { opacity:0; position:absolute; top:-30px; left:-1px; border:none; padding:5px 10px; margin:0; font-size:12px; line-height:12px; font-weight:400; background:#333; color:#fff; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
    .oldie .footer-sub .totop > span { display:none;}
    .footer-sub .totop > span:before { content:""; display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #333; position:absolute; bottom:-8px; left:9px;}
    .footer-sub .totop:hover > span { opacity:1;}
    .oldie .footer-sub .totop:hover > span { display:block;}
    
    .footer-sub-text { display:inline-block; font-size:11px; line-height:21px; padding:55px 0 40px; width:420px; margin:0 auto; color:#b4b5b5;}
    .footer-sub-cards { display:block; position:absolute; bottom:40px; right:20px;}
    .footer-sub-a, .footer-sub-a:visited { color:#b4b5b5; text-decoration:underline;}
    .footer-sub-a:hover, .footer-sub-a:focus { color:#666; text-decoration:underline;}
    .footer-sub-authors { display:block;}
    .footer-sub-a-cscommerce {}
    .footer-sub-a-commerce { font-style:normal;}

    .footer-sub-social { position:absolute; bottom:25px; right:20px; z-index:1; padding:30px 0 20px 95px; background:url(../images/common/extras.png) no-repeat -238px -93px;}
    .footer-sub-social-ul { margin:0; padding:0; list-style:none;}
    .footer-sub-social-li { float:left; position:relative;}
    .footer-sub-social-a { display:block; text-decoration:none; width:20px; height:20px; border-radius:1px; margin:0 0 0 10px; text-shadow:none; background:url(../images/common/extras.png) no-repeat 0 0;}
    .footer-sub-social-a:hover { text-decoration:none;}
    .social-a-facebook { background-position:-270px -60px;}
    .social-a-twitter { background-position:-300px -60px;}
    .social-a-googleplus { background-position:-240px -60px;}
    .social-a-youtube { background-position:-330px -60px;}
    .footer-sub-social-span { display:none;}
    .footer-sub-social-span.name { text-decoration:none; font-size:11px; font-weight:bold; padding:0; white-space:nowrap; position:absolute; z-index:10; top:-27px; right:-6px; color:#eee; background-color:#333; border-radius:2px; padding:2px 8px;}
    .footer-sub-social-span.arrow { width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #333; position:absolute; top:-5px; right:9px;}
    .footer-sub-social-a:hover > .footer-sub-social-span,
    .footer-sub-social-a:focus > .footer-sub-social-span { display:block; text-indent:0;}


/*** PRODUCTS ***/
           
    /* Global Defaults */
    .product { position:relative; margin-bottom:5px;}
    .product .label { font-size:14px; font-weight:400; line-height:normal; margin:0;}            
    .product .icon.sale { position:absolute; top:0; left:10px;}    
    .product .icon.newin { position:absolute; top:0; right:10px;}    
    .product .prodimg { background:#fff; margin-bottom:5px; text-align:center;}
    .product .prodimg a { display:block; text-align:left;}
    .product .prodimg a:focus { box-shadow:0 0 5px #888;}
    .product .prodimg img { display:block; margin:0;}
    .product .prodimg a > img {}
    .product .prodinfo .prodname { margin:0; font-weight:normal;}    
    .product .prodinfo .prodlink { color:#4e5359;}
    .product .prodinfo .prodlink:hover { color:#333;} 
    .product .prodinfo .prodlink:focus { text-decoration:underline;}
    .product .price { font-size:16px; line-height:normal; font-family:Georgia, Times, "Times New Roman", serif; color:#555; margin-bottom:10px;}
    .product .price .wasprice { font-size:13px; font-weight:normal; color:#aaa; font-family:Verdana, Geneva, sans-serif;}
    .product .price .wasprice .cost { text-decoration:line-through;}
    .product .price .nowprice { display:block;}
    .product.sale .price .nowprice .cost, .product .nowprice .free-gift { color:#CC0000; font-weight:bold;}
    .product .saleperc { font-size:13px; font-weight:bold; margin-bottom:0;}        
    .product .proddesc { margin-bottom:10px;}
    .product .proddesc p { margin:0; font-size:13px; line-height:18px; color:#aaa;}   
    .product .quicklook.button { color:#4e5359; font-weight:normal; line-height:20px; height:24px; font-size:13px;} .ie7 .product .quicklook.button { height:22px;}
    .product .quicklook span { padding:0 10px 0 25px; line-height:20px; background: url(../images/common/icons.png) no-repeat left -1405px;}

    /* Product options */
    .product .optiongroupwrap { background:#EFF4FA; padding:15px 10px 0; position:relative;}
    .product .optiongroupwrap .title { line-height:normal; font-size:20px; margin:0 0 5px; font-weight:400;}
    .product .optiongroup {}
    .product .optiongroup:last-child { margin-bottom:0;}
    .product .optiongroup .label { display:block; font:400 14px/22px Verdana, Geneva, sans-serif;}        
    .product .optiongroup.active .label span {}
    .product .options { list-style:none; margin:0; padding:0;}
    .product .options li { float:left; padding:0;}
    .product .option a { border:1px solid #aaa; background:#fff; font-size:13px; padding:3px 5px; min-width:11px; margin:1px 4px 4px 1px; text-align:center; display:block; float:left; color:#4e5359; line-height:normal; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
    .product .option span { white-space:nowrap;}
    .product .option a:hover { background:#1D69A5; color:#fff; border-color:#1D69A5; text-decoration:none;}
    .product .option a .swatchimg, .product .option a .swatchimg img { width:30px; height:30px; overflow:hidden; display:block;}   
    .ie7 .product .option a .swatchimg, .ie7 .product .option a .swatchimg img { display:inline;} /* fixes ie7 bug where image isnt selectable if it has block on it */         
    .product .option.selected a { background:#1D69A5; color:#fff; border:2px solid #1D69A5; box-shadow:none; margin:0 4px 3px 0; cursor:default;}
    .product .option a.disabled, .product .option a.disabled:hover {  background:#E2E9F1; color:#A5B0BB; border-color:#E2E9F1; font-weight:normal; box-shadow:none; text-decoration:none; cursor:default;} 

    .product .option.swatchopt a { float:left; background:#fff; position:relative; padding:1px; border:1px solid #aaa; margin:1px 5px 5px 1px; min-width:20px; min-height:20px;}
    .product .option.swatchopt a .swatchimg { margin:0; border-width:0;}
    .product .option.swatchopt a .swatchimg, #opt1 li.refinement a .swatchimg img { width:30px; height:30px;}
    .product .option.swatchopt a .item { padding:0; white-space:nowrap; position:absolute; z-index:10; top:-28px; left:-6px; color:#eee; background-color:#333; border-radius:2px; padding:5px 8px; text-decoration:none; display:none;}
    .product .option.swatchopt a .item .name { text-decoration:none; font-size:11px; font-weight:bold;}
    .product .option.swatchopt a .item .arrow { display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #333; position:absolute; bottom:-8px; left:9px;}
    .product .option.swatchopt a:hover, .product .option.swatchopt a:focus { background:#fff; border-color:#616870;}
    .product .option.swatchopt a:hover .item { display:block;}
    .product .option.swatchopt.selected a { border-color:#555; border-width:2px; margin:0 4px 4px 0;}
    .product .option.swatchopt.selected a:hover { background:#fff;}
    .product .option.swatchopt.disabled a, .product .option.swatchopt[disabled] a { border-color:#eee; box-shadow:none;}
    .product .option.swatchopt.disabled a .item .name, .product .option.swatchopt[disabled] a .item .name { padding-left:10px; background:url(../images/common/icons.png) no-repeat -7px -1279px;}   
    .product .option.swatchopt.disabled .disabledoverlay, .product .option.swatchopt[disabled] .disabledoverlay { position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px; width:20px; height:20px; background:url(../images/common/icons.png) no-repeat center -990px;}
    
    .product .optionselected { background:#EFF4FA; padding:5px 10px 0; margin:0;}
    .product .complete .optionselected {}
    .product .optionselected .label { color:#4e5359; font:400 13px/normal Verdana, Geneva, sans-serif;}
    .product .optionselected .selected { padding-right:5px;}


    /* Product buying grid */
    /* undo table styling */
    .buyinggrid td, .buyinggrid tr:hover > td,
    .buyinggrid > thead + tbody > tr:first-child > td:nth-child(even), .buyinggrid > tbody > tr > td:nth-child(even),
    .buyinggrid > thead + tbody > tr:first-child:hover > td:nth-child(even), .buyinggrid > tbody > tr:hover > td:nth-child(even) { background:none; color:inherit;}

    .product .buyinggridwrap { padding-bottom:5px;}
    .product .buyinggridwrap .label { display:block; margin-bottom:5px;}
    .product .buyinggrid { background:none; margin:0; border-width:0; border-radius:0;} .ie7 .product .buyinggrid { zoom:1; position:relative;}
    .product .buyinggrid thead { display:none;}
    .product .buyinggrid th, .product .buyinggrid td { padding:2px 5px; text-align:center; vertical-align:top;}    
    .product .buyinggrid thead .title-y { position:absolute; bottom:5px; left:10px; white-space:nowrap; -moz-transform:rotate(-90deg); -moz-transform-origin:bottom left; -webkit-transform:rotate(-90deg); -webkit-transform-origin:bottom left; -o-transform:rotate(-90deg); -o-transform-origin:bottom left; -ms-transform:rotate(-90deg); -ms-transform-origin:bottom left; transform:rotate(-90deg); transform-origin:bottom left;}
    .oldie .product .buyinggrid thead .title-y { filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); left:-10px; top:40px; height:20px;}    
    .product .buyinggrid .buyx td, .product .buyinggrid .buyx td:nth-child(even), .product .buyinggrid .buyx:hover td, .product .buyinggrid .buyx:hover td:nth-child(even),
    .product .buyinggrid .buyy { background:none; color:#4e5359; font:400 14px/normal Georgia, Times, "Times New Roman", serif;}
    .product .buyinggrid .label { display:inline-block; margin:0; font:700 12px/normal Verdana, Geneva, sans-serif; position:relative;}
    .product .buyinggrid .label .item { padding:0; white-space:nowrap; position:absolute; z-index:10; top:-32px; left:-7px; color:#eee; background-color:#333; border-radius:2px; padding:5px 8px; text-decoration:none; display:none;}
    .product .buyinggrid .label .item .name { text-decoration:none; font-size:11px; font-weight:bold;}
    .product .buyinggrid .label .item .arrow { display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #333; position:absolute; bottom:-8px; left:9px;}    
    .product .buyinggrid .label:hover .item { display:block;}    
    .product .buyinggrid i { background:#fff url(../images/common/icons.png) no-repeat -100px -1456px; border:1px solid #85919B; width:18px; height:18px; display:inline-block; cursor:pointer; position:relative; top:2px;}
    .product .buyinggrid .field { margin:0; position:absolute; top:0; left:-9000px;}
    .product .buyinggrid .field:hover + i, .product .buyinggrid .label:hover i { border-color:#1D69A5; background-position:center -1456px; box-shadow:inset 1px 1px 1px rgba(0,0,0,0.2);}
    .product .buyinggrid .field.disabled + i { background-color:#D9E1EB; background-position:center -1536px; border-color:#D9E1EB; box-shadow:none; cursor:default;}
    .product .buyinggrid .field.lowstock + i { background-color:#EFF4FA; opacity:0.6;}
    .product .buyinggrid .field.checked + i, .product .buyinggrid .field.lowstock.checked + i { background-color:#1D69A5; background-position:center -1496px; border-color:#1D69A5; box-shadow:none; cursor:default;}
    
    .product .buyinggrid.disabled .buyx td, .product .buyinggrid.disabled .buyx td:nth-child(even), .product .buyinggrid.disabled .buyy { color:#999;}
    .product .buyinggrid.disabled i, .product .buyinggrid.disabled .field:hover + i { border-color:#ddd; background:#F5F6F6; box-shadow:none; cursor:default;}
    
    /* Product additions*/
    .product .additiongroupwrap { background:#EFF4FA; padding:15px 10px 10px;}
    .product .additiongroupwrap .title { font-size:20px; line-height:normal; font-weight:400; padding:0; margin:0 0 5px;}
    .product .additiongroupwrap .label, .product .additionselected, .product .additionselected .label { font-size:13px; font-family:Verdana, Geneva, sans-serif; line-height:normal; display:inline-block;}    
    .product .additionselected { margin:5px 0; display:block;}
    .product .additionselected .label { font-weight:400; margin:0; color:#4e5359;}
    .product .additiongroupwrap .modallink { color:inherit; text-decoration:none;}
    .product .additiongroupwrap .additionsgroup { margin:0;}
    .product .additiongroupwrap .additionsgroup li.nolabel { margin:0 0 5px; padding:0;}
    .product .additiongroupwrap .additionsgroup .options li { display:inline; float:left; clear:none;}
    .product .additiongroupwrap .additionsgroup .label { width:auto;}
    .product .additiongroupwrap .additionsgroup .modallink { margin-bottom:5px;}
    .product .additiongroupwrap .additionsgroup .label input { vertical-align:top; margin-right:2px;}
    .product .additiongroupwrap .additionsgroup .addition-name { display:block; font-size:14px; font-weight:400; white-space:nowrap;}
    .product .additiongroupwrap .additionsgroup .select { margin:2px 5px 2px 0; color:#4e5359;}
    .product .additiongroupwrap .additionsgroup .checkbox { margin:0; padding-top:2px; padding-right:5px;}
    .oldie .product .additiongroupwrap .additionsgroup .checkbox { margin-top:-4px;}
    .product .additiongroupwrap .additiongroup { margin-bottom:5px;}
    .product .additiongroupwrap .additiongroup p { font-size:13px; line-height:16px; color:#85919B;}
    .product .additiongroupwrap .textopt a { position:relative;}
    .product .additiongroupwrap .textopt a .item { padding:0; white-space:nowrap; position:absolute; z-index:10; top:-32px; left:0px; color:#eee; background-color:#333; border-radius:2px; padding:5px 8px; text-decoration:none; display:none;}
    .product .additiongroupwrap .textopt a .item .name { text-decoration:none; font-size:11px; font-weight:bold;}
    .product .additiongroupwrap .textopt a .item .arrow { display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #333; position:absolute; bottom:-8px; left:9px;}    
    .product .additiongroupwrap .textopt a:hover .item { display:block;}

    .additions.modal { width:500px; margin-left:-250px;}
    .additions.modal .addition > .inner { padding:20px;}
    .additions.modal .header { border-bottom-width:0; margin:0 0 15px;}
    .additions.modal .additionopts { background:#EFF4FA; padding:15px 10px 10px; margin-bottom:15px;}
    .additions.modal .additionoptsgroup { margin-bottom:10px;}
    .additions.modal .additionoptsgroup .field, .additions .additionoptsgroup .options { float:left;}
    .additions.modal .additionoptsgroup .label { display:block; margin-bottom:3px; line-height:22px;}
    .additions.modal .additionoptsgroup .label .adjustment { font-family:Verdana, Geneva, sans-serif; font-size:13px; line-height:normal;}
    .additions.modal .additionoptsgroup .option a .swatchimg, .product .additionoptsgroup .option a .swatchimg img { width:auto; height:auto;}
    .additions.modal .additionoptsgroup .tip { font-size:12px; font-family:Verdana, Geneva, sans-serif; margin-left:5px; line-height:normal;}
    .additions.modal .additionoptsgroup .tip > .charsleft { font-weight:400;}
    .additions.modal .additionoptsgroup .textbox + .tip { display:inline-block;}
    .additions.modal .additionselected { margin:-5px 0 5px;}
    .additions.modal .footer { width:auto; padding-top:5px;}
    .additions.modal .footer .price { float:left;}
    .additions.modal .footer .buttons { float:right;}
    
    
    /* Product summary - buttons, qty etc */
    .product .summary { margin-bottom:10px; position:relative;}
    .product .summary .ctawrapper { background:#EFF4FA; padding:10px 10px 5px; margin-bottom:10px;}
    .product .summary .qtyprice { width:50%; float:left;}
    .product .summary .quantity { margin-bottom:5px;}
    .product .summary .quantity .textbox { width:50px;}    
    .product .summary .price { margin:0 0 5px;}
    .product .summary .sizeguide { display:none;}
    .product .summary .buttons { margin:0; width:50%; float:right;}
    .product .summary .optiongroup .button, .product .summary .optiongroup .button:hover { width:100%; padding:0; opacity:1;}
    .product .summary .button > .item > span { display:none; padding:0; margin:0; text-decoration:none; text-transform:none; position:absolute; line-height:normal;}
    .product .summary .button > .item > .name { padding:5px 8px; font-size:11px; font-weight:bold; white-space:nowrap; z-index:10; top:-27px; left:0; color:#eee; background:#333; border-width:0; border-radius:2px;}
    .product .summary .button > .item > .arrow { width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #333; border-bottom-width:0; top:-5px; left:15px;}
    .product .summary .button.disabled { opacity:0.6; background:#D9E1EB; border-color:#D9E1EB; text-transform:none; text-shadow:none; color:#A5B0BB;}
    .product .summary .button.disabled > span { background:#D9E1EB; border-color:#D9E1EB;}
    .product .summary .button.disabled.addtocart:hover { opacity:1; background:#fff; border-color:#c3cdd8; color:#4e5359;}
    .product .summary .button.disabled:hover > .item > span { display:block; text-indent:0;}
    .product .summary .button.addtocart, .product .summary .button.addtowishlist, .product .summary .button.addtomailorder { margin-bottom:5px; width:100%;}
    .product .summary .button.clearall { position:absolute; top:45px; right:10px; color:#4e5359; font-weight:normal; line-height:20px; height:24px; font-size:13px;}
    .product .summary .button.clearall > span { padding:0 5px; background:none;}

    /* Product list/asset swatches */
    .product .listswatches .options { font-size:0; margin-top:10px; text-align:center;}
    .product .listswatches .options li { margin:0; padding:0; float:none; display:inline-block;}
    .product .listswatches .option.swatchopt a,
    .product .listswatches .option.swatchopt a .swatchimg { min-width:12px; min-height:12px; width:12px; height:12px;}
    .product .listswatches .option.swatchopt a { display:inline-block; margin:1px 3px 3px 1px; padding:0;}
    .product .listswatches .option.swatchopt.selected a { margin:0 2px 2px 0;}
    .product .listswatches .option.swatchopt a .item { top:-34px; left:-10px;}
    
    /* Product List */
    .prodlist { position:relative; padding:0 0 0 20px;}
    .prodlist .product { width:100%; float:left;}
    .prodlist .product .proditem { margin:5px 5px 10px; position:relative; background:#fff;}
    .prodlist .product:first-child .proditem { margin-left:0;}
    .prodlist .product:last-child .proditem { margin-right:0;}
    
    .prodlist.cols1 .row .product { width:100%;}
    .prodlist.cols2 .row .product { width:50%;}
    .prodlist.cols3 .row .product { width:33.3%;}
    .prodlist.cols4 .row .product { width:25%;}
    .prodlist.cols5 .row .product { width:20%;}
    .prodlist.cols6 .row .product { width:16.6%;}

    /* Product List - prod detail overlay */
    .prodlist .product .buttons.pd-overlay { display:block; width:100%; position:absolute; top:0; left:0; margin:0; height:220px;}
    .prodlist .product:hover .buttons.pd-overlay {}
    .prodlist .product .buttons.pd-overlay > .lboverlay { display:block; height:220px; text-decoration:none;}
    

    /* Product List - Detail View */
    .detailview .product .proditem { padding:0 20px 10px 0;}
    .detailview .product .prodimg { float:left; margin:0 5px 0 0;}
    .detailview .product .prodinfo { padding-top:0;}
    .detailview .product .price { font-size:16px; font-weight:bold; margin-bottom:0;}
    .detailview .saleperc { margin-bottom:10px;}
    .detailview .product .buttons {}
    .detailview .product .buttons.pd-overlay { width:160px;}
    .detailview .quicklook { display:none;}
    
    /* Product List - Thumbnail View */
    .thumbview .product .proditem { padding:0 20px; text-align:center;}
    .thumbview .product .prodimg img { margin:0 auto;}
    .thumbview .product .prodinfo .prodname { font-size:16px; line-height:17px; margin:0;}
    .thumbview .product .price { margin-bottom:0;}
    .thumbview .product .price .nowprice { display:inline;}
    .thumbview .product .proddesc { display:none;}
    .thumbview .product .buttons { display:none; width:163px; position:absolute; top:185px; left:50%; margin-left:-82px;}
    .thumbview .product:hover .buttons{display:block;}
     
    /* Recently Viewed & Linked Products in horizontal view */
    .recent .title { margin:0; padding:8px 20px; font-size:16px; line-height:normal; font-weight:bold;}    
    .recent .recentwrap,
    .pd-overlay-linkedprods .linkedwrap { height:275px; overflow-x:scroll; white-space:nowrap; outline:none; font-size:0;}
    .recent .recentlist-ul,
    .pd-overlay-linkedprods .linkedlist-ul { margin:0; padding:0; list-style:none;}
    .recent .recentlist-li,
    .pd-overlay-linkedprods .linkedlist-li { display:inline-block; width:153px;}
    .ie7 .recent .recentlist-li,
    .ie7 .pd-overlay-linkedprods .linkedlist-li { display:inline;}
    
    .recentlist .button.control,
    .pd-overlay-linkedprods .linkedlist .button.control { background-image:none; position:absolute; top:50%; margin-top:-17px; z-index:2;}
    .recentlist .button.control span,
    .pd-overlay-linkedprods .linkedlist .button.control span { position:absolute; top:50%; left:50%; margin:-8px 0 0 -8px;}
    .recentlist .button.control.moveleft,
    .pd-overlay-linkedprods .linkedlist .button.control.moveleft { left:-10px;}
    .recentlist .button.control.moveright,
    .pd-overlay-linkedprods .linkedlist .button.control.moveright { right:-10px;}
    .recentlist .button.control.jspDisabled,
    .pd-overlay-linkedprods .linkedlist .button.control.jspDisabled { display:none;}
    
    .recentlist.thumbview,
    .pd-overlay-linkedprods .linkedlist.thumbview { border:1px solid #eee; border-width:1px 0 0; padding:10px 20px 5px; margin:0;}
    .recentlist.thumbview .product,
    .pd-overlay-linkedprods .linkedlist.thumbview .product { height:250px; margin:0; white-space:normal;}
    .recentlist.thumbview .product .proditem,
    .pd-overlay-linkedprods .linkedlist.thumbview .product .proditem { padding:0; margin:0 10px;}
    .recentlist.thumbview .product .prodinfo .prodname,
    .pd-overlay-linkedprods .linkedlist.thumbview .product .prodinfo .prodname { font-size:13px;}
    .recentlist.thumbview .product .price,
    .pd-overlay-linkedprods .linkedlist.thumbview .product .price { font-size:16px;}    
    .recentlist.thumbview .product .buttons,
    .pd-overlay-linkedprods .linkedlist.thumbview .product .buttons { top:130px;}

    /* Fullwidth products - used for write a review page */
    .addreview .addreview-intro .product { float:none; width:auto; background:#EFF4FA; padding:10px 20px;}
    .addreview .addreview-intro .product .prodimg { background:none; float:left; margin-right:20px;}
    

/*** COMMON ***/ 
    
    /* Notices */
    span.notice { border:none; padding:0; margin:0; background:none;}    
    div.notice, span.notice p { border:2px solid #85919B; font-size:12px; line-height:18px; padding:10px; margin:0 0 10px; display:block; clear:both;}
    div.notice + div.notice, div.notice + span.notice p, span.notice + div.notice, span.notice + span.notice p { margin-top:10px;}
    div.notice.warning, span.notice.warning p { background-color:#ffeeee; border-color:#d24e4e; color:#CC0202;} /* for validation errors and critical notices*/
    div.notice.message, span.notice.message p { background-color:#eef6ff; border-color:#81b8ec; color:#556c76;} /* for information messages and guidance */
    div.notice.success, span.notice.success p { background-color:#e2efc8; border-color:#689e28; color:#55752f;} /* for information success */
    .notice .arrow, .notice .arrow:before { display:block; width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid #d24e4e; position:absolute; bottom:-2px; left:35px;}        
    .notice .arrow:before { content:""; top:-15px; left:-12px; border-top-color:#ffeeee}
    .notice.message .arrow { border-top-color:#81b8ec}
    .notice.message .arrow:before { border-top-color:#eef6ff;}
    .notice.success .arrow { border-top-color:#689e28}
    .notice.success .arrow:before { border-top-color:#e2efc8;}
    .oldie .notice .arrow { top:auto; bottom:0px;}
    .oldie .notice .arrow:before { top:auto; bottom:3px;}
    
    .notice.warning p,
    .notice.success p {}
    .ie7 .notice.warning p, .ie7 .notice.success p { padding-left:10px;}
    .notice.warning p:before,
    .notice.success p:before { content:""; display:inline-block; width:18px; height:18px; position:absolute; top:12px; left:12px;}
    .notice.success p:before { background-position:center -1460px;}
    .notice p:last-child { margin-bottom:0;}
    .icoreq { float:left; line-height:28px; font-size:10px; color:#CC0202; margin:0; padding:0;}
    .icoreq img { vertical-align:middle;}
    em.icoreq { width:21px; height:21px; display:inline-block; background:url(../images/validation/required.png) no-repeat 0 0;}    
    
    /* Loading */
    div.inlineloading { float:left; width:100%; text-align:center; font-size:10px; padding:10px 0;}
    div.panelloading { position:absolute; z-index:100; width:100%; height:100%; top:0; left:0; background-image:url(../images/loading/bg.png); text-align:center; font-size:10px;}


/*** FORM FIELDS ***/ 
    .form { margin-bottom:15px;}
    .formrows { list-style:none; margin:0; padding:0; clear:both;}
    .formrows li { position:relative; clear:both; padding:10px 0; display:block; margin:0;}
    .ie7 .formrows li.divider { line-height:0px; font-size:0px;}
    .formrows li.nolabel, .form p.tip { margin-left:28%;}
    .formrows li.recaptcha div.notice, .formrows li.recaptcha span.notice p { margin-left:0;}    
    .formrows li.hascancel { position:relative;}
    .formrows li.hidden { margin:0; padding:0; display:none;}
    .formrows .inlinerow { display:inline;}
    .formrows .inlinerow label { display:inline; text-align:left; width:auto;}
    .formrows .button { height:28px; line-height:25px;} .ie7 .formrows .button { height:26px;}
    .formrows .button > span { line-height:24px; background-position:right -452px;}
    .formrows .button.cta { margin-top:15px; height:44px; line-height:40px;}
    .ie7 .formrows .button.cta { height:38px;}    
    .formrows .button.cta > span { line-height:36px; background-position:right -366px;}
    .formrows .nolabel .button, .formrows .nolabel p.tip { margin-left:0;}
    .formrows .nolabel .button.cta { margin:0;}      
    .formrows .button.findaddress { line-height:30px; height:30px;} .ie7 .formrows .button.findaddress { height:24px;}
    .formrows .button.findaddress > span { line-height:22px; height:22px; background:none; padding-left:10px; padding-right:10px; font-size:14px;}
    .formrows .postcode-manual-link { text-decoration:underline; color:inherit;}    
    .form .label { width:25%; float:left; display:block; font-size:14px; line-height:18px; font-weight:normal; line-height:normal; padding-top:7px; text-align:right; margin-right:3%; position:relative; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
    .form .label em.required { font-size:25px; line-height:25px; font-family:Times New Roman, Serif; color:#ccd4df; font-style:normal; position:absolute; top:5px; right:-16px}    
    .ie7 .form .label { padding-top:0;}
    .form .tip { font-size:11px; color:#85919b; clear:both; margin:0 0 0 23%; padding:0;}
    .form .tip > p { margin:0; padding:0; font-size:13px; line-height:16px;}
    .form .label .tip { white-space:nowrap; margin:0;}
    .form p.tip { margin-top:0; margin-bottom:0; padding-top:3px; font-size:11px; line-height:15px; clear:both;}
    .form .nolabel .label { width:100%; float:none; text-align:left; margin:0; padding:0;}
    .form .field, .form .addresslist { float:left; width:65%;}
    .form .recaptcha > div { width:93%;}    
    .form span.field, .form .addresslist { padding-top:5px;}
    .form .textbox {}
    .form .textbox.postcode { width:30%;}
    .form .textarea { resize:vertical;}
    .form .select, .form .radio, .form .checkbox { margin:3px 0 0; width:auto;}
    .form span.field.checkbox { padding-top:0px;}
    .form .radio { line-height:26px;}

    
    .field::-webkit-input-placeholder { color:#4e5359;}
    .field:-moz-placeholder { /* Firefox 18- */ color:#4e5359;}
    .field::-moz-placeholder { /* Firefox 19+ */ color:#4e5359;}
    .field:-ms-input-placeholder { color:#4e5359;}
    .field.watermark { color:#4e5359;}


    /* Address Book */
    .addressbook { position:relative;}
    .addressbook .formrows { padding-top:10px;}
    .addressbook li { margin:5px 0 0; padding:0;}
    .addressbook .addressrow { background:#EFF4FA; margin:0 0 10px; position:relative;}
    .addressbook .addressrow:first-child { border-top-width:1px;}
    .addressbook .check { position:absolute; top:10px; left:10px; width:18px; height:18px;}
    .addressbook .check .field.checkbox { padding:0; line-height:normal; height:auto; float:none; margin:0;}
    .addressbook .check .field.checkbox > input { width:18px; height:18px; margin:0;}
    .addressbook .address { float:left; width:65%;}
    .addressbook .address label { display:block; padding:10px 0 10px 40px;}
    .addressbook .address .nickname { display:block;}
    .addressbook .buttons { float:right; margin-right:10px;}
    .addressbook .buttons .button { margin-top:10px; opacity:0.8; color:#4e5359; font-weight:normal; line-height:20px; height:24px; font-size:13px; padding:0 5px;}
    .addressbook .addressrow:hover .button { opacity:1;}
    .addressbook .button.addaddress { position:absolute; top:0; right:0; margin:0;}
    .addressbook li span.notice p { margin:0;}
    .checkout .addressbook .addressrow { background:none;}
    .checkout .addressbook .addressrow:hover { background:#EFF4FA;}    
    .checkout .addressbook .check { left:5px;}
    .checkout .addressbook .buttons { margin-right:0;}    

    .formrows .postcodelookup-manual { margin:0; padding-top:0; font-size:13px;}

    /* Password tips */
    .passtipwrap { position:relative;}
    .passtipwrap .passtipimg { float:left;}
    .passtipwrap .passtiplink { color:#4e5359; text-decoration:underline; font-size:13px;}
    .passtipwrap .passtiplink:hover { color:#333;}
    .passtipwrap .passtips { float:left;}
    .passtipwrap .passtippopup { padding:20px; border:1px solid #ddd; box-shadow:0 0 10px rgba(0,0,0,0.3); position:absolute; top:-200px; right:0; z-index:1000; background:#fff;}
    .passtipwrap .passtippopup:after { content:""; display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #fff; position:absolute; bottom:-8px; left:30px; -webkit-filter:drop-shadow(0 3px 3px rgba(0,0,0,0.2)); -moz-filter:drop-shadow(0 3px 3px rgba(0,0,0,0.2)); -ms-filter:drop-shadow(0 3px 3px rgba(0,0,0,0.2)); filter:drop-shadow(0 3px 3px rgba(0,0,0,0.2));}
    .passtipwrap .passtippopup h3 { margin-top:0; margin-bottom:5px;}
    .passtipwrap .passtippopup h3:after { content:""; display:block; width:16px; height:16px; background:url(../images/common/icons.png) no-repeat center -907px; position:absolute; top:20px; right:10px;}
    .passtipwrap .passtippopup ul { margin:0; padding:0;}
    .passtipwrap .passtippopup li { padding:0; margin:0; font-size:12px;}
    

    /* Add Review */
    .addreview-intro { padding:0 20px;}
    .addreview .tip { font-size:13px; margin:9px 0 18px;}
    .review-rating .radio { position:absolute; top:0; left:-9000px;}
    .review-rating .icon { cursor:pointer;}
    .review-rating .rating { position:relative; top:2px;}
    .review-rating .rating .item { padding:0; white-space:nowrap; position:absolute; z-index:10; top:-40px; left:-7px; color:#eee; background-color:#333; border-radius:2px; padding:5px 8px; text-decoration:none; display:none;}
    .review-rating .rating .item .name { text-decoration:none; font-size:11px; line-height:16px; font-weight:bold;}
    .review-rating .rating .item .arrow { display:block; width:0; height:0; border-left:8px solid transparent; border-right:8px solid transparent; border-top:8px solid #333; position:absolute; bottom:-8px; left:9px;}    
    .review-rating .rating:hover .item { display:block;}    
    .rating-chosen { padding-left:5px;}


/*** MODALS ***/
    body.overlay-visible form { /*-webkit-filter:blur(1px); -moz-filter:blur(1px); -ie-filter:blur(1px); filter:blur(1px);*/}
    body.loading-overlay-visible form {}

    .overlay { background-color:#000; min-height:5000px; /* fix for height:100% not working on mobiles */}
    .modal { background-color:#fff; position:absolute; left:50%; display:none; width:710px; margin-top:100px; margin-left:-360px; box-shadow:0 0 10px rgba(0,0,0,0.5);}
    .modal.pd {width:960px; margin-left:-480px;} /* Product Detail overlay */
    .modal .inner { padding:0;}
    .modal .header { position:relative; padding:0 50px 0 0; margin:0 0 10px; border-bottom:1px solid #eee;}
    .modal .header .title { font-size:20px; line-height:normal; margin:0 0 8px; padding:0;}
    .modal .header .title span, .modal .header .title img { vertical-align:middle;}
    .modal .header .button.close { background:#fff; position:absolute; top:-40px; right:-40px; width:50px; height:50px; border:none; text-align:center; padding:0; line-height:50px; text-indent:-9000px; text-transform:capitalize; border-radius:50px; box-shadow:0 0 5px rgba(0,0,0,0.3);}
    .oldie .modal .header .button.close { top:-20px; right:-20px;}
    .modal .header .button.close > span { background:url(../images/common/large-icons.png) no-repeat center -280px; border-width:0; padding:0; margin:0 auto; display:block; width:32px; height:32px; position:relative; top:9px;}
    .modal .header .button.close:hover { box-shadow:0 0 10px rgba(0,0,0,0.5);}
    .modal .header .button.close:hover > span { background:url(../images/common/large-icons.png) no-repeat center -350px;}
    
    
    /* Quickbuy */
    .quickbuy > .inner { padding:20px 20px 0;}
    .quickbuy .prodimg { float:right; width:235px; position:relative; z-index:-1;} /* ie7 zindex fix */ 
    .quickbuy .prodimg img { margin-left:10px;}    
    .quickbuy .icon.newin { top:45px; z-index:4;}    
    .quickbuy .prodinfo { float:left; width:430px;}
    .quickbuy .prodinfo .price .nowprice { display:inline;}
    .quickbuy .prodinfo .proddesc p { color:inherit; margin-bottom:inherit;}
    .quickbuy .prodinfo .proddesc a.viewdetails { color:inherit; text-decoration:underline;}
    .quickbuy .prodinfo .proddesc a.viewdetails:hover { color:#333; text-decoration:underline;}
    .quickbuy .summary .optionselected { display:none;}
    .quickbuy .summary.complete .optionselected {}
    .quickbuy .summary .button.clearall { top:10px;}

    /* Policy Pop Up */
    .policypopup { width:800px; margin-left:-400px;}
    .policypopup > .inner { padding:20px 0;}
    .policypopup .header { padding:0 20px;}
    .policypopup .header .button.close { right:-25px;}
    .oldie .policypopup .header .button.close { right:0;}
    .policypopup .content { height:400px; overflow:hidden; overflow-y:scroll;}

    /* System Pop Up */
    .policypopup { width:800px; margin-left:-400px;}
    .policypopup > .inner { padding:20px 0;}
    .policypopup .header .button { right:10px;}
    .policypopup .header { padding:0 20px;}
    .policypopup .content { padding:20px 0; max-height:400px; overflow:hidden; overflow-y:scroll;}

    /* Product Detail */
    .product-detail-overlay { width:960px; margin-left:-480px; margin-top:20px;}
    .product-detail-overlay > .inner { padding:20px;}
    .product-detail-overlay .header { border:none; margin:0; padding:0;}

    /* Product detail overlay overrides */
    .product-detail-overlay .system.region.prodsdetail { width:auto; float:none;}
    .product-detail-overlay .prodsdetail .product { width:590px}

    .product-detail-overlay .linkedproducts.asset { width:auto; float:none; margin:0; padding:0;}
    .product-detail-overlay .recentlist.thumbview,
    .pd-overlay-linkedprods .linkedlist.thumbview { padding-left:0; padding-right:0;}

    .pd-overlay-recentlyviewed { clear:both;}


 
    /* Loading */
    .loading-overlay { position:absolute; top:0; left:0; z-index:2000; width:100%; background:#fff; /* add a background color if req. Opacity is already set in js to 0.3 */}
    .fullpage-overlay { position:fixed;}
    .loading-indicator { background:#fff; position:absolute; top:0; left:0; z-index:2001; padding:10px 15px; color:#555; font:bold 16px/20px Verdana, Geneva, sans-serif; display:block; box-shadow:0 0 20px rgba(0,0,0,0.3);}
    .oldie .loading-indicator { border:1px solid #ccc;}
    .loading-icon { background:url(../images/common/loading-32.gif) no-repeat 0 0; padding-left:16px; height:32px; line-height:32px; display:block;} .ie7 .loading-icon { padding-right:16px;}
    .loading-icon:after { content:"Loading"; margin-left:30px;}
    .loading-spinner { background:url(../images/common/loading.gif) no-repeat 0 0; width:16px; height:16px; margin-left:5px; display:inline-block;}
    
    /* other indicators */
    .addtobag-indicator .loading-icon:after { content:"Adding to bag";}
    .addtowishlist-indicator .loading-icon:after { content:"Adding to wish list";}
    .addtomailorder-indicator .loading-icon:after { content:"Adding to order request";}
    .payment-process-indicator .loading-icon:after { content:"Please wait";}
    .clearoptions-indicator .loading-icon:after { content:"Clearing";}
    .removeproduct-indicator .loading-icon:after { content:"Removing";}
    .delcountry-indicator .loading-icon:after { content:"Updating";}
    .currency-indicator .loading-icon:after { content:"Changing currency";}


/*** SHOPPING BAG ***/   
    .cartitem { padding:15px 0; border-bottom:1px solid #E9EAEB;}
    .cartitem .label { font-size:16px; font-weight:normal; line-height:normal; font-family:Georgia, Times, "Times New Roman", serif; margin:0; color:#4e5359;}                
    .cartitem .price { font-size:15px; line-height:normal; font-family:Georgia, Times, "Times New Roman", serif; font-weight:normal;}    
    .cartitem .price .nowprice { display:inline;}
    .cartitem .price .exvat { white-space:nowrap; font:normal 12px/normal Verdana, Geneva, sans-serif;}

    /* Main cart summary */
    .cartwrapper { position:relative;}
    .cartitem.cart { border:1px solid #E9EAEB; border-width:1px 1px 0;}
    .cart { padding:0; position:relative;}
    .cart table { border-width:0; margin:0;}
    .cart th { background-color:#EFF4FA; border-color:#EFF4FA;}
    .cart td { border-bottom:1px solid #E9EAEB; border-left:1px solid #eee; padding-top:0; padding-bottom:0;}
    #cart td { background:transparent; color:#4e5359; font-size:13px; line-height:16px;}
    .cart tr td:first-child { border-left-width:0;}    
    .cart .row { min-height:89px; padding-top:10px; padding-bottom:10px; position:relative;}            
    .cart .error td { padding:0;}        
    .cart .notice { margin:0; padding:5px 10px 5px 20px; background-image:url(../images/common/icons.png); background-repeat:no-repeat; background-position:left -573px;}
    .cart .itemrow {}
    .cart .optsrow { width:120px;}
    .cart .qtyrow { width:70px;}
    .cart .pricerow { width:70px; text-align:right; padding-left:0;}
    .cart .pricerow .row { border-width:0;}
    .cart .pricerow .notice { background-image:none; padding:5px; font-size:11px; line-height:normal; text-align:left;}
    .cart .pricerow .notice p { font-size:11px; line-height:normal; margin:0;}
    .cart .pricerow .notice .price { font:11px/normal normal Verdana, Geneva, sans-serif;}
    .cart .itemrow > .row, .cart .optsrow > .row, .cart .qtyrow > .row { padding-bottom:30px;}

    .cart .itemrow .product { margin:0; padding-left:92px;}
    .cart .itemrow .prodimg { width:82px; height:109px; margin:0; padding:0; border:1px solid #fff; position:absolute; top:10px; left:0;}
    .cart .itemrow .prodimg:hover { border-color:#ddd;}
    .cart .itemrow .prodinfo { font-size:13px; color:#4e5359;}
    .cart .itemrow .prodinfo .prodname { font:400 13px/normal Verdana, Geneva, sans-serif; margin:0 0 5px;}
    .cart .itemrow .prodinfo .prodname .prodlink {}
    .cart .itemrow .prodinfo .price { font:400 13px/normal Verdana, Geneva, sans-serif; display:block; color:#4e5359; margin:0 0 5px;}
    .cart .itemrow .promos { margin:0; padding:0; list-style:none;}
    .cart .itemrow .promos a { background:#eff4fa; padding:2px 5px; font-size:11px; font-weight:bold;}
    .cart .itemrow .promos a:hover { background-color:#D9E1EB;}
    .cart .optsrow .options { margin:0; padding:0; list-style:none; font-weight:normal;}
    .cart .optsrow .options .option { display:block; line-height:normal; padding-bottom:4px; margin:0; font-size:13px; position:relative;}
    .cart .optsrow .options .option .tooltip { bottom:25px; left:-10px;}
    .cart .optsrow .options .option .prodoption { float:left;}
    .cart .optsrow .options .option .prodoption:after { content:":";}
    .cart .optsrow .options .option .optionvalue { float:left; padding-left:3px;}
    .cart .optsrow .options .option .swatchimg:hover .tooltip { display:block;}
    .cart .optsrow .additions { margin:0; padding:0; list-style:none; font-weight:normal;}    
    .cart .optsrow .additions > li { position:relative; line-height:normal; padding-bottom:4px;}
    .cart .optsrow .additions .tooltip { bottom:25px;}
    .cart .optsrow .additions .tooltip-text { font-weight:400;}   
    .cart .optsrow .additions .tooltip-text > strong { display:block;}
    .cart .optsrow .additions .addoption { display:inline-block; font-size:13px; line-height:normal;}
    .cart .optsrow .additions .addoption:after { content:"?"; background:#EFF4FA; font-weight:700; border-radius:20px; border:1px solid #85919B; font-size:11px; width:13px; height:13px; margin-left:4px; display:inline-block; text-align:center; vertical-align:top;}
    .cart .optsrow .additions .addoption:hover + .tooltip { display:block;}
    .cart .optsrow .additions .addoption:hover:after { background-color:#5B9BCE; border-color:#2a72ab; color:#fff;}

    .cart .qtyrow .label { display:none;}
    .cart .qtyrow .select { margin-bottom:4px;}
    .cart .pricerow .label { display:none;}    
    .cart .pricerow .price {}

    .asset .cart .button { color:#4e5359; position:absolute; bottom:10px; left:0; font-size:12px; line-height:20px; height:20px; padding:0 5px; font-weight:normal; border-radius:1px;}     
    .asset .cart .button:hover { color:#333;}
    .asset .cart .button.remove { left:92px; color:#aaa; position:absolute; border:none; background:#fff; box-shadow:none; font-size:11px; line-height:12px; height:12px; padding:0; font-weight:normal;}
    .asset .cart .button.remove:hover { color:#333; text-decoration:underline;}

    /* Promotional savings */
    .promotions { background:#EFF4FA; border:1px solid #fff; border-width:1px 0; padding:10px 5px;}
    .promotions .promo-ul { list-style:none; margin:5px 0 0; padding:0;}
    .promotions .promo-li { line-height:25px; margin:0;}
    .promotions .promo-li a { font-size:13px; line-height:normal; color:inherit;}
    .promotions .promotion-saving { float:right;}

    /* Free gift with purchase */
    .freegift { background:#EFF4FA; border:1px solid #eee; padding:10px 5px 0; margin-bottom:10px;}
    .freegift-head > .label {}
    .freegift-head > p { margin:0 0 5px;}
    .freegift .prodlist { margin:0; padding:0;}
    .freegift .prodlist .product .proditem { padding:0; margin-bottom:0;}

    /* Delivery calculator */
    .delcalc { width:295px; padding:15px 10px; float:right; background:#EFF4FA; border-bottom-color:#fff;}
    .delcalc .label {}
    .delcalc .select { font-size:12px; padding:2px; width:200px; vertical-align:baseline;}
    .delcalc .delavailable { padding-top:5px;}
    .delcalc .delavailable .label { margin:0; line-height:20px; display:none;}
    .delcalc .delavailable .deloptions { list-style:none; margin:0; padding:0;}
    .delcalc .delavailable .deloptions li, .delcalc .delavailable .deloptions label { margin:0; padding:0; display:block; float:left; width:100%; line-height:18px;}
    .delcalc .delavailable .deloptions input { width:10%; float:left; margin:0;} .ie7 .delcalc .delavailable .deloptions input { width:20px;}
    .delcalc .delavailable .deloptions label { width:90%;}
    .delcalc .delavailable .shipping-price-was { text-decoration:line-through; float:right;}
    .delcalc .delavailable .shipping-free, .delcalc .delavailable .shipping-price {}
    .delcalc .delmeth { font-size:14px; padding-left:5px;}
        
    /* Gift message */
    .giftmess { float:left; width:325px; border-width:0; padding:5px; margin:48px 0 0; position:relative;}
    .giftmess .form { border:none;}
    .giftmess .label { z-index:3; position:relative;}
    .giftmess .label input { margin-top:-3px;}
    .giftmess .giftoptions { background:#EFF4FA; padding:30px 5px 10px; position:absolute; top:0; left:0; z-index:2; width:325px;}
    .giftmess .giftoptions .notice p { margin:0;}
    .giftmess .giftoptions .label { font-weight:bold; float:none; width:auto; display:block; text-align:left; margin:0 0 3px; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:13px;}
    .giftmess .giftoptions .field { float:none; width:auto; display:block;}    
    .giftmess .giftoptions .textbox { width:310px}    
    .giftmess .giftoptions .select { width:320px}
    .giftmess .giftoptions .textarea { margin:5px 0 0; width:310px;}
    .giftmess .giftoptions .chars { float:right; color:#999; font-size:13px;}
        
    /* Promo code */
    .promocode { border-width:0; padding:0; margin:0; position:relative;}
    .promocode .promoinput { width:340px; float:left; padding:17px 5px 5px; height:30px; position:absolute; left:0; bottom:-51px;}
    .promocode .promoinput .field { padding:2px; font-size:12px; margin:0 5px;}
    .promocode .promoinput .button { height:20px; line-height:20px; font-size:13px; font-weight:400; padding:0 3px;}
    .promocode .notice.warning { padding:2px 10px; position:absolute; margin-top:5px; top:-10px; left:0;}
    .promocode .appliedcodes.notice { padding:5px; padding-right:30px; position:relative; font-size:13px; margin:0 0 1px;}
    .promocode .appliedcodes .promotion-code { display:inline-block; margin-right:5px;}
    .promocode .appliedcodes .promotion-name { display:inline-block; padding:3px 0;}        
    .promocode .appliedcodes .remove { background:#FAFAFA url(../images/common/icons.png) no-repeat center -906px; border-radius:0; text-align:right; position:absolute; top:6px; right:6px; width:18px; height:18px; padding:0;}
    .promocode .appliedcodes .remove span { display:none;}
    .promocode .appliedcodes .remove .name { text-decoration:none; font-size:11px; font-weight:bold; padding:0; white-space:nowrap; position:absolute; z-index:10; right:24px; top:0px; border:none; color:#eee; background:#333; border-radius:2px; line-height:19px; padding:0 8px; text-shadow:none; text-decoration:none;}
    .promocode .appliedcodes .remove .arrow { width:0; height:0; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #333; position:absolute; top:1px; left:-8px;}
    .promocode .appliedcodes .remove:hover { background-color:#fff;}
    .promocode .appliedcodes .remove:hover span { display:block; text-indent:0;}

       
    /* Cart totals */
    .totals  { float:right; width:315px; clear:both; padding:0; border-bottom-width:0; background:#EFF4FA; margin-bottom:10px;}
    .totals .row { padding:7px 10px; border-bottom:1px solid #fff;}
    .totals .label { float:left; font-size:15px;}
    #totals .price { float:right; text-align:right;}
    .totals .grandtotal { border-top:px solid #ddd;}
    .totals .grandtotal .label, .totals .grandtotal .price { font-weight:bold;}

    /* T&Cs link */
    .asset .popupTerms { float:right; width:295px; padding:0 10px 10px; border-bottom-width:0;}
    .asset .popupTerms p { margin:0; display:inline-block; font-size:12px;}
    .asset .popupTerms .checkbox { float:left;}
    .asset .popupTerms .policylink { text-decoration:underline;}
    .asset .popupTerms span.notice p { padding:5px 10px; margin:5px 0; display:block;}

    /* Checkout buttons */
    .asset .cartbuttons { clear:both; padding:0 0 10px;}
    .asset .cartbuttons .button { float:right; width:315px;}
    .asset .cartbuttons .button span { padding:0 50px 0 30px;}

    /* Empty carts */
    .emptycart { border:1px solid #85919B; padding:10px 20px; margin:0 0 10px; display:block; clear:both; background-color:#eef6ff; border-color:#81b8ec; color:#556c76;}
    .emptycart p { margin:0;}
    
    /* PayPal Chckout */
    #pp-confirmation{clear:both; padding:20px 0 20px 0;}



    /*** ERROR PAGE ***/
    .error .wrapper { margin-bottom:0;}
    .error .maincont { background:#fff; padding:40px 200px 10px; text-align:center;}
    .error .nav { display:none;}


/*** MY ACCOUNT ***/

    /* Sign in */
    .macont .reglogin .title { margin-top:0;}    
    .macont .reglogin .form legend { display:none; font-weight:normal; font-size:13px; padding:0; font-weight:normal; line-height:normal; margin-bottom:10px; font-family:Verdana, Geneva, sans-serif;}
    .macont .reglogin .form fieldset { margin:0;}
    .macont .reglogin .option { width:50%; float:left; padding:0;}
    .macont .reglogin .option .inner { padding:15px 20px; background:#EFF4FA; position:relative; min-height:240px;}
    .macont .reglogin .option.login .inner { margin-right:10px;}    
    .macont .reglogin .option.register .inner { margin-left:10px;}
    .macont .reglogin .option .button { position:absolute; bottom:20px; right:20px;}
    .macont .reglogin ul { padding-bottom:55px;}
    .macont .reglogin li { position:relative;}
    .macont .reglogin li.nolabel { position:static; padding:0; margin:0;}
    .macont .reglogin li .label, .macont .reglogin li .forgotpass { display:inline-block; width:auto; margin:0; padding:0 0 3px; text-align:left;}
    .macont .reglogin li .forgotpass { padding-left:10px; font-size:13px;}
    .macont .reglogin li .forgotpass:focus { text-decoration:underline;}
    .macont .reglogin li .label { font-weight:bold; margin-left:-12px;}
    .macont .reglogin li .label em { position:static; top:auto; right:auto; line-height:normal; font-size:16px;}
    .macont .reglogin li .field { display:block; float:none; margin:0; width:95%;}
    .macont .reglogin li .icoreq { position:absolute; top:23px; right:0;}
    .macont .reglogin li div.notice, .macont .reglogin li span.notice p { margin-left:0;}
    .macont .reglogin li .notice.warning { margin:10px 0 0;}
    .macont .reglogin li .notice.warning p {padding-top:0; padding-bottom:0;}
  
    /* Address Book */
    .macont .formrows { position:relative;}
    .macont .reglogin .formrows { position:static;}
    .macont .addressbook .address label { padding-left:10px;}
    .macont .addressbook .button.addaddress { position:absolute; top:-28px; right:0; margin:0;}
  
    /* Forgotten password */
    .macont .form.fpass .textbox { width:200px;}

    /* comminication prefs */
    .macommunicationprefs .formrows .inlinerow { display:block; float:left; width:65%; margin-left:28%;}
    .macommunicationprefs .formrows .label + .inlinerow { margin-left:0;}

    /* Wish List */
    .wishlistsummary .sendwishlist { margin-top:20px; background:#EFF4FA;}

    /* Order history */
    .orderhistory .orders { margin-bottom:15px;}
    .orderhistory .orders .title { margin-top:0; margin-bottom:10px;}
    .orderhistory .currentorders.orders { padding-bottom:0;}
    .orderhistory .previousorders.orders fieldset { margin-bottom:0; line-height:30px;}
    .orderhistory .previousorders.orders legend { display:none;}
    .orderhistory .previousorders.orders .label { padding:0; line-height:inherit; text-align:left; width:auto; margin:0 5px 0 0;}
    .orderhistory .previousorders.orders .select { margin-top:5px; margin-right:5px;}
    .orderhistory .previousorders.orders .button { line-height:24px; height:22px;}
    .orderhistory .previousorders.orders .button span { line-height:20px; height:18px; background:none; padding:0 10px;}
    .ordertable {}
    .ordertable td { line-height:32px;}
    .ordertable .ordernum {}
    .ordertable .buttonscol { width:90px; text-align:right;}
    .ordertable .buttonscol .row { border-width:0;}
    
    /* Order details */
    .order-details { padding:0 20px;}
    .order-details .title { margin-top:0;}
    .order-details-desc-span { display:inline-block; padding-right:20px;}
    .order-details-addresses { margin-bottom:20px;}
    .order-details-address-title { margin:0 0 5px;}
    .order-details-address { width:50%; float:left;}
    .order-details-address > .inner { padding:10px; background:#EFF4FA;}
    .order-details-address-method { font:400 12px/normal Verdana, Geneva, sans-serif;}
    .order-details-address .recipient { display:block; font-weight:400;}
    .order-details-address .nickname { display:none;}
    .order-details-address .nickname + br { display:none;}
    .order-details .status { font-size:13px;}
    .order-details .cart .itemrow > .row { padding-bottom:10px;}


/*** COOKIE SLIDER ***/
    .cookie-slider-wrap { margin-bottom:20px; padding-left: 20px;}
    .cookie-slider-ul { list-style:none; width:666px; margin:0 20px 20px 0; padding:0; border:1px solid #aec5d8; border-right-width:0; position:relative;}
    .cookie-slider-li { margin:0; padding:0; border:none; float:left; background:#e4ecf5; background:-moz-linear-gradient(top, #ffffff 0%, #e4ecf5 100%); background:-webkit-linear-gradient(top, #ffffff 0%,#e4ecf5 100%); background:-ms-linear-gradient(top, #ffffff 0%,#e4ecf5 100%); background:linear-gradient(to bottom, #ffffff 0%,#e4ecf5 100%);}
    .cookie-slider-radio { display:none;}
    .cookie-slider-label { width:221px; float:left; display:block; height:30px; padding-top:170px; color:#333; border-left:1px solid #aec5d8; border-right:1px solid #fff; background:transparent url(../images/common/cookieicons.png) no-repeat 0 0; text-align:center; font:400 16px/20px Georgia, Times, "Times New Roman", serif;}
    .cookie-slider-necessary .cookie-slider-label { border-left-width:0;}
    .cookie-slider-targeting .cookie-slider-label { width:220px; border-right-width:0;}
    .cookie-slider-wrap .slider-mask { position:absolute; top:0; left:0; width:666px; height:200px; border:none; box-shadow:none; border-radius:0; border:none; background:none;}
    .cookie-slider-wrap .button.cta { margin-top:20px}
	
    /* selected icons */
    .cookie-slider-necessary .cookie-slider-label { background-position:0 0;}
    .cookie-slider-functional .cookie-slider-label { background-position:-222px 0;}
    .cookie-slider-targeting .cookie-slider-label { background-position:-444px 0;}
    .slider-mask .cookie-slider-functional .cookie-slider-label { background-position:-222px -200px;}
    .slider-mask .cookie-slider-targeting .cookie-slider-label { background-position:-444px -200px;}

    /* handle */ 
    .cookie-slider-wrap .cookie-slider-ul .cookie-slider-handle { position:absolute; z-index:1; top:-5px; margin:0 0 0 -234px; width:210px; height:26px; border-radius:4px; border:none; text-align:center; text-transform:uppercase; font-size:14px; white-space:nowrap; -moz-transform:rotate(-90deg); -moz-transform-origin:top right; -webkit-transform:rotate(-90deg); -webkit-transform-origin:top right; -o-transform:rotate(-90deg); -o-transform-origin:top right; -ms-transform:rotate(-90deg); -ms-transform-origin:top right; transform:rotate(-90deg); transform-origin:top right;}
    .cookie-slider-ul .cookie-slider-handle > span { height:24px; line-height:24px; background-image:none; padding:0; border-radius:4px;}
    .cookie-slider-ul .cookie-slider-handle > span:before, .cookie-slider-ul .cookie-slider-handle > span:after { content:""; display:block; width:20px; height:20px; position:absolute; top:4px; background:url(../images/common/extras.png) no-repeat 0 -144px;}
    .cookie-slider-ul .cookie-slider-handle > span:before { left:8px;}
    .cookie-slider-ul .cookie-slider-handle > span:after { right:4px;}
    .oldie .cookie-slider-ul .cookie-slider-handle { filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3); margin-left:-20px;} /* - width of original button */
    .oldie .cookie-slider-ul .cookie-slider-handle > span { height:210px;}

    /* descriptions */   
    .cookie-desc { background:#eff4fa; width:303px; float:left; margin:0 0 20px 20px; padding:0 10px 10px;}
    .will.cookie-desc { margin-left:0;}    
    .cookie-desc > h3 { margin-bottom:9px;}
    .cookie-desc-ul { margin:0; padding:0; list-style:none;}    
    .will .cookie-desc-li { padding-left:25px; background:url(../images/common/icons.png) no-repeat left -754px;}    
    .wont .cookie-desc-li { padding-left:25px; background:url(../images/common/icons.png) no-repeat left -904px;}    
    
    /* mask underlay - the greyed out bit */
    .slider-mask .ui-widget-header { top:-1px; right:-1px; border:1px solid #ddd; border-left-width:0; background-color:#f4f4f4;}
    .slider-mask .ui-slider-range { overflow:hidden;}
    .slider-mask .cookie-slider-ul { position:absolute; top:0; right:0; margin:0; width:444px; border:none; background:none;}
    .slider-mask .cookie-slider-li { background:none;}
    .slider-mask .cookie-slider-label { color:#c3c3c3; border-left-color:#ddd;}

    /* jQueryUI Slider defaults */
    .ui-slider { text-align:left; }
    .ui-slider .ui-slider-handle { position:absolute; z-index:2;}
    .ui-slider .ui-slider-range { position:absolute; z-index:1; font-size:.7em; display:block;}
    .ui-slider-horizontal .ui-slider-range { height:100%;}

    
/*
* jQuery UI Datepicker @VERSION
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) 
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
* http://docs.jquery.com/UI/Datepicker#theming
*/
    
    /* Component containers
    ----------------------------------*/
    .ui-widget { font-size:12px;}
    .ui-widget-content { border:1px solid #aaa; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.4); border-radius:0px;}
    .ui-widget-content a { color:#4d4d4d;}
    .ui-widget-header { border:1px solid #7CBDE7; background-color:#7CBDE7; font-weight:bold;}
    .ui-widget-header a { color:#4d4d4d;}
    
    /* Interaction states
    ----------------------------------*/
    .ui-icon { width:20px; height:20px; background-repeat:no-repeat; background-position:top left; background-repeat:no-repeat; display:block; overflow:hidden; text-indent:-99999px;}
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-color:#fff; font-weight:normal;}
    .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:#4d4d4d; text-decoration:none;}
    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background-color:#7CBDE7; font-weight:normal; color:#fff; cursor:pointer;}
    .ui-state-hover a, .ui-state-hover a:hover { color:#212121; text-decoration:none;}
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border:1px solid #91C640; font-weight:normal; color:#212121; background-image:none; background-color:#FFF;}
    .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#212121; text-decoration:none;}
    .ui-widget :active { outline:none;}
    
    /* Date Picker*/
    .ui-datepicker { width:200px; padding:5px; margin-left:0; z-index:9999; display:none;}
    .ui-datepicker .ui-datepicker-header { padding:2px; height:20px; background-color:#7CBDE7;}
    .ui-datepicker .ui-datepicker-prev { float:left; width:20px; height:20px; background:url(../images/common/icons.png) no-repeat 0 -415px;}
    .ui-datepicker .ui-datepicker-next { float:right; width:20px; height:20px; background:url(../images/common/icons.png) no-repeat 0 -375px;}
    .ui-datepicker .ui-datepicker-title { float:left; width:150px; height:20px; line-height:16px; text-align:center;}
    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { padding:0; margin:0 3px; font-size:12px; border-color:#888;}
    .ui-datepicker table { width:100%; margin:0; padding:0; border:none; border-collapse:collapse;}
    .ui-datepicker th, .ui-datepicker td { padding:1px 0; text-align:center; width:14%; line-height:22px; font-size:14px; font-weight:400;}
    .ui-datepicker td {}
    .ui-datepicker td span, .ui-datepicker td a { margin:0 1px; display:block; text-align:center; text-decoration:none; line-height:22px;}
    .ui-datepicker .ui-datepicker-buttonpane { background-image:none;}
    .ui-datepicker .ui-datepicker-buttonpane button { float:right; margin:0; cursor:pointer; padding:0; width:18px; overflow:visible;}
    .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left;}


/**********
jScrollPane - used for custom css styling on browser scrollbars
***********/
    .jspContainer { position:relative; overflow:hidden; outline:none;}
    .jspPane { position:absolute;}
    .jspCap { display:none;}
    .jspVerticalBar { position:absolute; top:0; right:0; width:14px; height:100%; background:#fff;}
    .jspHorizontalBar { position:absolute; bottom:0; left:0; width:100%; height:14px; background:transparent;}
    .jspHorizontalBar .jspCap { float:left;}
    .jspTrack { position:relative; margin-left:2px; margin-right:2px;}
    .jspDrag { background-color:#f5f8fb; border:1px solid #dde5ee; box-shadow:inset 1px 1px 1px #fff, inset -1px -1px 1px rgba(0,0,0,0.05); position:relative; top:0; left:0; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .jspContainer:hover .jspVerticalBar {}
    .jspContainer:hover .jspTrack {}
    .jspContainer:hover .jspDrag { border:1px solid #bdc9d7;}
    .jspContainer:hover .jspDrag, .jspContainer .jspDrag.jspActive { opacity:1;}
    .jspContainer:hover .jspDrag:hover, .jspContainer .jspDrag.jspActive { background-color:#EFF4FA; border-color:#93a5bc;}
    .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100%;}
    .jspCorner { background:#eeeef4; float:left; height:100%;}

    /* arrows */
    .jspArrow { width:10px; height:10px; background:red; margin:0; padding:0; border:none; display:block; cursor:pointer; text-indent:-9000px; text-transform:capitalize;}
	.jspArrow.jspDisabled { cursor:default; background:#85919B;}
    .jspVerticalBar .jspArrow {}
    .jspHorizontalBar .jspArrow { float:left;}
    .jspVerticalBar .jspArrow:focus { outline:none;}