html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse; border-spacing:0}
/*------------------------Generic but specific to each site--------------*/
body{margin:0; padding:0; width:100%; background-color:#313840; background:url(../images/main-bg-repeat.jpg) left top repeat-x #313840; color:#576271; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:80%; line-height:1.2; border-top:5px solid #f29538}
img{border:none}
a{color:#f69100; text-decoration:underline}
a:hover, a:focus{color:#c85900; text-decoration:underline}
a:active{color:#602b00}
.float-left{float:left}
.float-right{float:right}
.left{float:left; padding:0 10px 10px 0}
.right{float:right; padding:0 0 10px 10px}
.errormessage{border:1px solid #FF3F3F; color:#FF3F3F; background:url(../images/icons/warning.png) 8px center no-repeat; padding:12px 12px 12px 40px; margin:0 0 0 20px; wdith:300px}
h1{float:left; width:650px; color:#576271; font-size:160%; font-weight:normal; padding:0 0 2px 0; border-bottom:1px solid #ced7e1; margin:0 0 20px 0; font-family:Arial,Helvetica,sans-serif}
h2{float:left; width:650px; color:#576271; font-size:160%; font-weight:normal; padding:40px 0 2px 0; border-bottom:1px solid #ced7e1; margin:0 0 20px 0; font-family:Arial,Helvetica,sans-serif}
.titles-homepage{float:left; width:650px; color:#576271; font-size:160%; font-weight:normal; padding:0 0 2px 0; border-bottom:1px solid #ced7e1; margin:0 0 20px 0; font-family:Arial,Helvetica,sans-serif}
.titles-homepage h1, .titles-homepage h2, .titles-homepage .haitchtwo{float:left; width:auto; font-size:100%; border:none; padding:0 7px 0 0; margin:0; display:inline}
.forgotten-password{font-style:italic}
.small{font-size:80%}
.smaller{font-size:80%}
.alert{color:#C00}
.grey{color:#cacaca}
.light-grey{color:#a6a6a6}
.pink{color:#eb4899}
#cms-pages p{padding:0 0 25px 0}
#cms-pages ul{padding:0 0 25px 50px}
#cms-pages ul li{padding:0 0 0 0; list-style:circle}
.form_warnings{float:left; clear:both; font-size:85%; color:#F30; background:#fff; padding:2px; margin:0 0 1px 0}
.stof{color:#0CF}
/*--------------Main background-----------------*/
#main-bg{float:left; width:100%; background:url(../images/main-bg.jpg) center top no-repeat}
#center-interface{margin:0px auto; width:940px; padding:0 0 0 0}
/*------------SEO Links ------------*/
#plastic-card-links{float:left; width:400px; text-align:left; font-size:80%; padding:7px 0 0 10px; color:#ECEFF3}
#plastic-card-links a{color:#ECEFF3; text-decoration:none}
/*------------Tabs top ------------*/
#tabs-top{float:left; width:auto; font-size:13px; padding:0; color:#ECEFF3; margin:0 0 10px 0}
#plastic-tab-active{float:left; padding:4px 8px 8px 9px; margin:0 3px 0 0; color:#fff; text-decoration:none; background:url(../images/plastic-cards-tab-top.gif) right top no-repeat}
#plastic-tab{float:left; padding:3px 8px 12px 9px; margin:0 3px 0 0; color:#dab792; text-decoration:none; background:url(../images/plastic-cards-tab-top.gif) left top no-repeat}
#plastic-tab:hover{background:url(../images/plastic-cards-tab-top.gif) right -3px no-repeat; color:#fff}
#general-tab{float:left; padding:3px 13px 12px 13px; margin:0; color:#dab792; text-decoration:none; background:url(../images/general-printing-tab-top.gif) left top no-repeat}
#general-tab:hover{background:url(../images/general-printing-tab-top.gif) right -3px no-repeat; color:#fff}
#general-tab-active{float:left; padding:4px 13px 8px 13px; margin:0; color:#fff; text-decoration:none; background:url(../images/general-printing-tab-top.gif) right top no-repeat}
/*#tabs-top a{color:#ECEFF3; text-decoration:none}
#tabs-top a:hover, #tabs-top a:focus{text-decoration:underline}
*/
/*------more printing page ------*/
#iframe{overflow:auto}
/*------------Login / logout ------------*/
#login-logout{float:right; /*width:150px; */width:auto; height:23px; text-align:right; font-size:80%; padding:7px 10px 0 0}
#login-logout a{color:#ECEFF3; text-decoration:none}
#login-logout a:hover, #login-logout a:focus{text-decoration:underline}

/*---------------Header-------------*/
#header{float:left; width:940px; padding:0; /*margin:30px 0 1px 0; */margin:0 0 1px 0}
#header #logo{float:left; width:355px; height:157px}
#header #logo img{float:left}

#header-right{float:left; width:585px; height:157px; background:url(../images/eyecatchers.jpg) left top no-repeat}
/*#header-right img{float:left}
*/
#header-right p{float:right; text-align:right; color:#fff; padding:10px 10px 0 0; font-size:85%}
/*--------------Main container background---------*/
#main-container-bg{float:left; width:940px; /*background:url(../images/main-container-bg.jpg) left 25px no-repeat; */margin:0; padding:0}
/*---------Main nav-------------*/
#main-nav{float:left; width:940px; background:transparent; margin:0; padding:0}
#main-nav li{float:left; display:inline; background:#cf4d1a; height:33px}
#main-nav li a{float:left; font-size:85%; color:#fff; text-decoration:none}
#main-nav li a:hover, #main-nav li a:focus{color:#fff; text-decoration:underline}
#main-nav .home a{float:left; width:64px; background:url(../images/top-nav/home.gif) left top no-repeat}
#main-nav .all-products a{float:left; width:113px; background:url(../images/top-nav/all-products.gif) left top no-repeat}
#main-nav .samples a{float:left; width:80px; background:url(../images/top-nav/samples.gif) left top no-repeat}
#main-nav .templates a{float:left; width:97px; background:url(../images/top-nav/templates.gif) left top no-repeat}
#main-nav .testimonials a{float:left; width:113px; background:url(../images/top-nav/testimonials.gif) left top no-repeat}
#main-nav .contact-us a{float:left; width:104px; background:url(../images/top-nav/contact-us.gif) left top no-repeat}
#main-nav .client-area a{float:left; width:102px; background:url(../images/top-nav/client-area.gif) left top no-repeat}
#main-nav .trade-accounts a{float:left; width:133px; background:url(../images/top-nav/trade-accounts.gif) left top no-repeat}
#main-nav .shopping-basket a{float:left; width:134px; background:url(../images/top-nav/shopping-basket.gif) left top no-repeat}
#main-nav a{text-indent:-9999px; height:33px}
#main-nav a:hover, #main-nav a:focus{background-position:left -33px}
#main-nav a:active{background-position:left -66px}
/*----------------Main container---------------*/
#main-container{float:left; width:900px; background:url(../images/main-container-bg.gif) left top no-repeat #fff; margin:1px 0 0 0; padding:20px}
#main-container-more-printing{float:left; width:900px; background:url(../images/main-container-bg-more-printing.gif) left top no-repeat #fff; margin:0; padding:20px}
#main-container-footer{float:left; width:940px; height:5px; background:url(../images/main-container-footer.gif) left top no-repeat; font-size:0%; margin:0 0 1px 0}
/*----------------Left Column----------------------*/
#left-column{float:left; width:190px}
#left-column .nhs_image{padding:0 0 0 12px}
/*--------Products-----------*/
#left-column #products{float:left; width:190px; margin:0 0 20px 0}
#left-column #products li{float:left; width:190px; margin:0 0 9px 0}
#left-column #products a{float:left; width:190px; height:50px; padding:0; color:#727d87; font-family:Arial,Helvetica,sans-serif; font-size:120%; font-weight:bold; border-bottom:1px solid #ced7e1; text-indent:-9999px}
#left-column #products .plastic-cards a{background:url(../images/left-nav/plastic-cards.gif) left top no-repeat}
#left-column #products .pvc-cards a{background:url(../images/left-nav/pvc-cards.gif) left top no-repeat}
#left-column #products .large-pvc-cards a{background:url(../images/left-nav/large-pvc-cards.gif) left top no-repeat}
#left-column #products .flexi-tags a{background:url(../images/left-nav/flexi-tags.gif) left top no-repeat}
#left-column #products .colour-cards a{background:url(../images/left-nav/colour-cards.gif) left top no-repeat}
#left-column #products .id-cards a{background:url(../images/left-nav/id-cards.gif) left top no-repeat}
#left-column #products .snap-off-cards a{background:url(../images/left-nav/snap-off-cards.gif) left top no-repeat}
#left-column #products a:hover, #left-column #products a:focus{background-position:-190px top}
#left-column #products a:active{background-position:-380px top}
/*------Side columns------------*/
.side-columns{float:left; width:190px; margin:0 0 40px 0; color:#727d87}
.side-columns-titles{float:left; width:170px; margin:0 0 1px 0; color:#fff; font-weight:bold; background:url(../images/side-columns-titles-bg.gif) left top no-repeat #818b96; border-bottom:1px solid #a4abab; padding:6px 10px 6px 10px}
.side-columns-gradient{float:left; width:170px; padding:0 10px 0 10px; font-size:85%; background:url(../images/side-columns-gradient-bg.gif) left top repeat-x #fff}
/* Social Media */
#social-media{float:left; width:170px; margin:0; padding:0}
#social-media p{margin:5px 0 10px 0; padding:0}
#networking-icons{float:left; width:170px; margin:0; padding:0}
#networking-icons a{height:32px; display:block; margin:0 10px 0 0; padding:0; text-indent:-9999px; font-size:80%; background:url(/templates/images/icons/social-icons.jpg) center top no-repeat}
#networking-icons a:active{background-position:center bottom}
#networking-icons #footer-facebook a{float:left; width:32px; height:32px; background-position:left top}
#networking-icons  #footer-facebook a:hover, #networking-icons  #footer-facebook a:focus{background-position:left bottom}
#networking-icons #footer-twitter a{float:left; width:32px; height:32px; background-position:center top}
#networking-icons  #footer-twitter a:hover, #networking-icons  #footer-twitter a:focus{background-position:center bottom}
#networking-icons #footer-linkedin a{float:left; width:32px; height:32px; background-position:right top}
#networking-icons  #footer-linkedin a:hover, #networking-icons  #footer-linkedin a:focus{background-position:right bottom}
#social-buttons{float:left; width:170px; margin:10px 0 0 0; padding:0}
#fb-like-button{float:left; display:inline; line-height:18px; margin:0; padding:0; width:90px}
#google-plus1-button{float:right; display:inline; line-height:18px; margin:0; padding:0; width:80px}
.side-columns-gradient ul{float:left; width:170px; margin:0 0 10px 0}
.side-columns-gradient ul li{float:left; width:160px; padding:5px 0 5px 10px; border-bottom:1px solid #ced7e1; background:url(../images/icons/extras-list.gif) left 8px no-repeat}
.side-columns-gradient p{float:left; width:170px; margin:5px 0 5px 0}
.side-columns-gradient p#cards-accepted{float:left; width:170px; margin:5px 0 5px 0; padding:5px 0 50px 0}
.side-columns-gradient p#cards-accepted img{padding:0 0 6px 0}
/*----------------------Content--------------------------*/
#content{float:right; width:650px; margin:10px 10px 0 10px; display:inline}
#content p{float:left; width:650px; font-size:85%; line-height:1.6; padding:0 0 20px 0}
#content .p-left{float:left; width:310px}
#content .p-right{float:right; width:310px}
/*-------------------homepage-------------------*/
#content .product-homepage{width:310px; padding:0; margin:10px 0 20px 0}
#content .split-lines{float:left; width:650px; padding:0; margin:0}
/*#content .product-homepage .titles{float:left; width:310px; color:#576271; font-size:160%; font-weight:normal; padding:0 0 2px 0; border-bottom:1px solid #ced7e1; margin:0 0 5px 0; font-family:Arial,Helvetica,sans-serif}
#content .product-homepage .titles a{color:#576271; text-decoration:none; width:310px; display:block}
*/
#content .product-homepage h3{float:left; width:310px; color:#576271; font-size:160%; font-weight:normal; padding:0 0 2px 0; border-bottom:1px solid #ced7e1; margin:0 0 5px 0; font-family:Arial,Helvetica,sans-serif}
#content .product-homepage h3 a{color:#576271; text-decoration:none; width:310px; display:block}
#content .product-homepage h3 small{font-size:70%; clear:none}
#content .product-homepage .mini-description{float:left; width:175px; padding:5px 10px 10px 0; margin:0; font-size:85%}
#content .product-homepage .mini-description ul{padding:0; margin:0; font-size:inherit}
#content .product-homepage .mini-description li{float:left; width:175px; padding:0; margin:0}
#content .product-homepage .mini-description p{padding:0; margin:0; font-size:inherit; width:auto}
/*chris:added so admin didn't have to assign class to ul*/
#content .product-homepage .cat-description{float:left; width:175px; padding:5px 10px 10px 0; margin:0}
#content .product-homepage ul li{float:left; width:175px; padding:0; margin:0}
/*chris:added so admin didn't have to assign class to ul*/
#content .product-homepage .price-button{float:right; width:123px; padding:5px 0 10px 0; margin:0; font-size:85%}
#content .product-homepage .price-button li{float:right; width:123px; padding:0 0 5px 0; margin:0}
/*--------------------------Product listing-----------------*/
#content .product-listing-container{float:left; width:650px; padding:0 0 50px 0}
#content .title-mini-desc{float:left; width:650px; background:url(../images/title-mini-desc.gif) left 13px repeat-y}
#content .title-mini-desc-top{float:left; width:650px; background:url(../images/title-mini-desc-top.gif) left top no-repeat}
#content .title-mini-desc h2{float:left; width:200px; color:#39434f; padding:10px 10px 0 10px; margin:0; font-size:140%}
#content .title-mini-desc .mini-desc{float:left; width:410px; padding:16px 10px 0 10px; font-size:80%; font-weight:bold; color:#39434f}
#content .title-mini-desc p{float:left; width:410px; padding:16px 10px 0 10px; font-size:80%; font-weight:bold; color:#39434f}
#content .title-mini-desc-bottom{float:left; width:650px; height:7px; background:url(../images/title-mini-desc-bottom.gif) left top no-repeat; padding:0; margin:0; font-size:0}
#content .product-listing-container-main{float:left; width:650px; background:url(../images/left-container-bg.gif) left top repeat-y}
/*----------left container---------*/
#content .product-listing-container-main .left-container{float:left; width:216px; margin:0 0 0 0; display:inline; padding:1px 1px 0 1px; border-bottom:3px solid #ced7e1; border-left:3px solid #ced7e1}
#content .product-listing-container-main .left-container img{float:left; width:214px; border:1px solid #d8d8d8; margin:0 0 1px 0}
#content .product-listing-container-main .left-container ul{float:left; width:216px; margin:0 0 1px 0; background:url(../images/other-options-bg.gif) left top repeat-y #6c7681; padding:3px 0 3px 0}
#content .product-listing-container-main .left-container ul li{float:left; width:200px; font-size:80%}
#content .product-listing-container-main .left-container ul li a{color:#c6d7e9; text-decoration:none; width:200px; display:block; padding:2px 6px 2px 8px}
#content .product-listing-container-main .left-container ul li a:hover, #content .product-listing-container-main .left-container ul li a:focus{color:#fff}
#content .product-listing-container-main .left-container ul li a.more-examples{background:url(../images/icons/zoom.gif) right top no-repeat}
#content .product-listing-container-main a.strikethrough{text-decoration:line-through}
#content #shopping-basket-container .strikethrough, #content #payment-options-container .strikethrough{text-decoration:line-through}
#content #shopping-basket-container #attribute .hide{display:none}
#content #shopping-basket-container #attribute a.show_hide_attribute{clear:both; float:none; display:block; font-size:85%; background-color:#FFF; padding:4px 4px 4px 106px; color:#6FB558; /*border-bottom:1px solid #81919E; */}
#content #shopping-basket-container #attribute a.show_hide_attribute:hover{text-decoration:none}
.end_product{background-color:#CED7E1; width:100%; height:2px; display:block; clear:both}
#content #shopping-basket-container .item-description a.attribute_details{color:#6FB558; font-size:90%}
#content #shopping-basket-container .item-description a.attribute_details{color:#6FB558; font-weight:bold; text-decoration:none}
#content #shopping-basket-container .item-description a.attribute_details:hover{color:#6FB558; text-decoration:underline}
#content #shopping-basket-container #basketform ul#shipping-options{/*border:1px solid #FF7E00; */padding:0; margin:0; float:left; width:100%; background-color:#FFF; padding:6px 0px 6px 0px}
#content #shopping-basket-container #basketform ul#shipping-options.hide{display:none}
#content #shopping-basket-container #basketform ul#shipping-options li#select-delivery-option{float:left; width:444px; padding:10px 0 10px 0}
#content #shopping-basket-container #basketform ul#shipping-options li label{float:left; padding:2px 4px 2px 8px}
#content #shopping-basket-container #basketform ul#shipping-options li #select-delivery{}
#content #shopping-basket-container #basketform ul#shipping-options li#delivery-cost-text{float:left; font-size:80%; list-style:none; color:#808A93; padding:12px 0 12px 0; background-color:#FFF}
#content #shopping-basket-container #basketform ul#shipping-options li#delivery-cost{float:left; font-size:100%; font-weight:bold; list-style:none; color:#525252; padding:12px 0 11px 25px; background-color:#FFF; width:97px}
ul#discount-code{/*border:1px solid #FF7E00; */padding:0; margin:0; float:left; width:645px; background-color:#FFCE9F}
ul#discount-code li.alert{background-color:#CEFFBF; border:1px solid #70B859; color:#70B859; margin:0 0 0 0; padding:8px 8px 8px 104px; float:left; width:531px; color:#000}
ul#discount-code li.discount_applied{background-color:#CEFFBF; border-bottom:1px solid #70B859; border-left:1px solid #70B859; border-right:1px solid #70B859; color:#70B859; margin:0 0 0 0; padding:8px 8px 8px 104px; float:left; width:531px; color:#000}
ul#discount-code li.discount_error{background-color:#FF876F; border:1px solid #CF2626; color:#CF2626; margin:0 0 0 0; padding:8px; float:left; width:626px}
ul#discount-code .discount{/*background-color:#FFCE9F; border:1px solid #F38A24; */width:338px; float:left; padding:12px 0 12px 106px}
ul#discount-code .discount_field{/*background-color:#FFCE9F; border:1px solid #F38A24; */width:70px; float:left; padding:24px 0 0 0}
ul#discount-code #discount_code{width:50px; background:#fff; border:1px solid #dcd8cf; color:#000; padding:5px 0 5px 6px; margin:0 0 9px 0}
ul#discount-code .discount_button{padding:6px 4px 0 0; margin:0}
ul#discount-code #discount-button{background:url(/templates/images/buttons/submit.gif) no-repeat center top; width:123px; height:19px; float:right; padding:0; margin:24px 0 12px 0; border:none; cursor:pointer; text-indent:-1000em; display:block}
#content #shopping-basket-container #discount-amount{float:left; width:50px; padding:15px 0 15px 460px; display:inline; color:#CF2626; font-weight:bold}
#content #shopping-basket-container #discount{float:right; width:96px; padding:15px 0 15px 0; display:inline; color:#CF2626; font-weight:bold}
#content #payment-options-container #delivery-cost-text{float:left; width:50px; padding:15px 30px 15px 468px; margin:0 0 0 0; display:inline; color:#CF2626; font-weight:bold}
#content #payment-options-container #delivery-cost{float:right; width:96px; padding:15px 0 15px 0; display:inline; color:#CF2626; font-weight:bold}
/*--------right container-------*/
#content .product-listing-container-main .right-container{float:right; width:429px; margin:0; display:inline; background:url(../images/right-container-bg.gif) right top repeat-y; padding:1px 0 0 0}
*html #content .product-listing-container-main .right-container{padding:0}
#content .right-container th{color:#fff; background:#4a5863; padding:3px 0 3px 0; font-size:80%; font-weight:bold; vertical-align:middle; border-top:1px solid #fff}
#content .right-container th.quantities{border-right:1px solid #fff; width:140px}
#content .right-container th.ssided{border-right:1px solid #fff; background:#3b4248; width:142px}
#content .right-container th.dsided{background:#2c3034; width:142px}
#content .right-container td{color:#13222d; font-size:80%; font-weight:normal; vertical-align:middle}
#content .right-container td.dark{background:#f0f0f0}
#content .right-container td.light{background:#fff}
#content .right-container td.quantities{text-align:center}
#content .right-container a{padding:4px 0 4px 50px; background:url(../images/icons/add.gif) 37px 6px no-repeat; display:block; color:#686868; text-decoration:none; width:92px}
/* NEW:Qantity selectiong field for ID cards*/
#quantity_field{padding:2px; border:1px solid #B9DDFB; margin:4px; width:73px; color:#9F9F9F}
#quantity_field.highlight_field{color:#000}
#preloader.hide{display:none}
#preloader.block{display:block}
/*#quantity_form{display:none}
*/
#quantity_row{background-color:#FFF; /*border-top:1px solid #4A5863; *//*display:none; */}
#quantity_row.show{/*display:block; */}
#content .right-container td#quantity_response{width:300px}
#content .right-container td#quantity_response a{padding:4px 0 4px 50px; margin:0; width:230px}
#content .right-container td.quantity_info{padding:4px 0 4px 0; text-align:center}
#content .right-container td#quantity_help{border:thin solid #6D9040; background-color:#D5EFB3; padding:4px; color:#6D9040}
#content .right-container td#quantity_help .minimum_order_warning{background-color:#DB6D0A; color:#FFF; clear:both; display:block; margin:4px 0 0 0; padding:4px}
tr.hide{display:none}
/* NEW:Qantity selectiong field for ID cards*/
*html #content .right-container a{padding:4px 0 4px 50px; background:url(../images/icons/add.gif) 37px 6px no-repeat; display:block; color:#686868; text-decoration:none; width:92px; margin:0 0 0 1px}
#content .right-container a:hover, #content .right-container a:focus{background-color:#dedede}
#content .right-container .extra-infos{float:left; width:409px; font-size:85%; color:#2c3034; background:url(../images/bottom-table.gif) left bottom no-repeat #ced7e1; padding:10px}
#content .right-container .extra-infos p{float:left; width:409px; font-size:95%; padding:0}
/*-----Call for larger quantities----------*/
#content .product-listing-container ul.call-larger-quantities{float:left; width:420px; font-size:80%; color:#a2a2a3; margin:0 0 0 230px; padding:5px 0 0 0; display:inline}
#content .product-listing-container ul.call-larger-quantities li{float:left; width:420px; margin:0; padding:0}
/*--------Available extras-------*/
#content .available-extras{float:left; width:650px; margin:0; display:inline}
*html #content .available-extras{padding:0}
#content .available-extras table{margin:0 0 20px 0}
#content .available-extras th{color:#fff; background:#4a5863; padding:10px 0 10px 0; font-size:80%; font-weight:bold; vertical-align:middle; border-right:1px solid #fff}
#content .available-extras th.quantities{width:100px}
#content .available-extras th .smaller{font-weight:normal; font-size:85%; color:#FBDC89}
#content .available-extras td{color:#13222d; font-size:80%; font-weight:normal; vertical-align:middle; padding:4px 0 4px 0; border-bottom:1px solid #9BA3AA; border-right:1px solid #fff; text-align:center; color:#686868}
#content .available-extras td.dark{background:#f0f0f0}
#content .available-extras td.light{background:#fff}
#content .available-extras td.quantities{color:#000}
#content .available-extras .extra-infos{float:left; width:409px; font-size:85%; color:#2c3034; background:url(../images/bottom-table.gif) left bottom no-repeat #ced7e1; padding:10px}
#content .available-extras .extra-infos p{float:left; width:409px; font-size:95%; padding:0}
/*----------------Shopping basket---------------------*/
#content #shopping-basket-checkout-bar{float:left; width:640px; background:url(../images/shopping-basket-top-bar-bg.gif) left top no-repeat #81919e; padding:7px 0 5px 10px; margin:0}
#content #shopping-basket-checkout-bar li{float:left; color:#fff; font-weight:bold; padding:0; margin:0}
#content #shopping-basket-checkout-bar .remove{width:100px}
#content #shopping-basket-checkout-bar .item-description{width:340px}
#content #shopping-basket-checkout-bar .price{width:100px}
#content #shopping-basket-checkout-bar .total{width:100px}
#content #shopping-basket-container{float:left; width:644px; background:url(../images/shopping-basket-container-bottom.gif) left bottom no-repeat #ced7e1; padding:3px 3px 0 3px; margin:0 0 5px 0}
#content #shopping-basket-container table{float:left; margin:0 0 5px 0; padding:0}
#content #shopping-basket-container table tr{float:left; width:644px; margin:0; padding:0; color:#8d8d8d; font-size:80%}
#content #shopping-basket-container table tr td{padding:10px 0 10px 0; vertical-align:middle; border-bottom:1px solid #ced7e1}
#content #shopping-basket-container table tr.no_border td{border-bottom:none}
#content #shopping-basket-container table tr.main-product td{font-size:120%; color:#525252}
#content #shopping-basket-container table.light tr td{background:#fff}
#content #shopping-basket-container table.dark tr td{background:#f0f0f0}
#content #shopping-basket-container table tr td table{margin:0; padding:0; width:537px; display:block}
#content #shopping-basket-container table tr td.double{margin:0; padding:6px 0 6px 0; width:537px; font-size:120%}
#content #shopping-basket-container .remove{width:107px; text-align:center}
#content #shopping-basket-container .item-description{width:334px}
#content #shopping-basket-container .item-description a{font-weight:bold; color:#8d8d8d; text-decoration:none}
#content #shopping-basket-container tr.main-product .item-description a{color:#525252}
#content #shopping-basket-container .price{width:100px}
#content #shopping-basket-container .total{color:#525252; font-weight:bold; font-size:110%; /*width:97px; */width:103px}
#content #shopping-basket-container table tr td.double .bottom{border-bottom:none}
#content #shopping-basket-container table#update-bar td{padding:0; vertical-align:middle}
#content #shopping-basket-container #update-basket-button{float:left; padding:0; margin:0; width:123px; height:19px; background:url(../images/buttons/update-basket.gif)}
#content #shopping-basket-container .remove button{background:url(/templates/images/buttons/add.gif) no-repeat center top; width:16px; height:16px; padding:0 0 0 106px; margin:0 0 0 0; border:none; cursor:pointer; text-indent:-1000em; display:block}
#content #shopping-basket-container #basket-total{width:522px; text-align:right; padding:0 25px 0 0}
#content #continue-checkout{float:left; width:650px}
#content #continue-checkout #continue{float:left; width:auto; margin:0 0 0 5px; display:inline}
#content #continue-checkout ul li{padding:0; margin:0 0 0 0}
#content #continue-checkout #payment{float:right; width:auto; padding:0; margin:0 0 0 0; display:inline}
#content #continue-checkout #info{}
#content #continue-checkout #info p{background-color:#E1FCD9; border:1px solid #70B859; color:#3E6032; float:right; width:254px; clear:both; padding:6px; margin:0}
#content #continue-checkout #go-next{float:right; width:auto; margin:0 5px 0 0; display:inline}
#content #continue-checkout #go-next.hide{display:none}
#content ul#continue-checkout li.shipping_alert{float:right; text-align:right; color:#CF2626}
/*----------------Payment options / checkout---------------------*/
#content #payment-options-bar{float:left; width:640px; background:url(../images/shopping-basket-top-bar-bg.gif) left top no-repeat #81919e; padding:7px 0 5px 10px; margin:0}
#content #payment-options-bar li{float:left; color:#fff; font-weight:bold; padding:0; margin:0}
#content #payment-options-bar .item-description{width:440px}
#content #payment-options-bar .price{width:100px}
#content #payment-options-bar .total{width:100px}
#content #payment-options-container{float:left; width:644px; background:url(../images/shopping-basket-container-bottom.gif) left bottom no-repeat #ced7e1; padding:3px 3px 0 3px; margin:0 0 5px 0}
#content #payment-options-container table{float:left; margin:0 0 5px 0; padding:0}
#content #payment-options-container table tr{float:left; width:644px; margin:0; padding:0; color:#8d8d8d; font-size:80%}
#content #payment-options-container table tr td{padding:10px 0 10px 0; vertical-align:middle; border-bottom:1px solid #ced7e1}
#content #payment-options-container table tr.main-product td{font-size:120%; color:#525252}
#content #shopping-basket-container table.light{padding:0px; margin:0px}
#content #shopping-basket-container table.dark{padding:0px; margin:0px}
#content #shopping-basket-container table.dark .attribute_tip{background:url(../images/click-here-dark.gif) left center no-repeat #F0F0F0}
#content #shopping-basket-container table.light .attribute_tip{background:url(../images/click-here-light.gif) left center no-repeat #FFF}
#content #payment-options-container table.light tr td{background:#fff}
#content #payment-options-container table.dark tr td{background:#f0f0f0}
#content #payment-options-container table tr td table{margin:0; padding:0; width:537px; display:block}
#content #payment-options-containertable tr td.double{margin:0; padding:0; width:537px; font-size:120%}
#content #payment-options-container .item-description{width:440px; padding:0 0 0 7px; /*chris - space out item details in checkout*/padding:8px}
#content #payment-options-container .item-description a{font-weight:bold; color:#8d8d8d; text-decoration:none}
#content #payment-options-container tr.main-product .item-description a{color:#525252}
#content #payment-options-container .price{width:100px}
#content #payment-options-container .total{color:#525252; font-weight:bold; font-size:110%; width:97px}
#content #payment-options-container table tr td.double .bottom{border-bottom:none}
#content #payment-options-container table#update-bar td{padding:0; vertical-align:middle}
#content #payment-options-container #update-basket-button{float:left; padding:0; margin:0; width:123px; height:19px; background:url(../images/buttons/update-basket.gif)}
#content #payment-options-container #basket-total{width:522px; text-align:right; padding:0 25px 0 0}
/*------------Payment options buttons---------*/
#content #payment-options{float:left; width:650px; background:url(../images/payment-options-repeat.gif) left top repeat-y #ced7e1}
#content #payment-options #payment-options-top{float:left; width:650px; background:url(../images/payment-options-top.gif); height:5px; font-size:0}
#content #payment-options #pay-now{float:left; width:318px; margin:0 0 0 5px; display:inline; color:#696868; background:url(../images/pay-now-bg.gif) left top no-repeat #fff; padding:60px 0 0 0}
#content #payment-options #pay-now p{float:left; width:278px; padding:0 20px 20px 20px}
#content #payment-options #pay-later{float:right; width:318px; margin:0 5px 0 0; display:inline; color:#696868; background:url(../images/pay-later-bg.gif) left top no-repeat #fff; padding:60px 0 0 0}
#content #payment-options #pay-later p{float:left; width:278px; padding:0 20px 20px 20px}
#content #payment-options #payment-options-bottom{float:left; width:650px; background:url(../images/payment-options-bottom.gif); height:5px; font-size:0}
#content #payment-options #proceed-secure-payment-protx-button, #checkout #proceed-secure-payment-protx-button{background:url(/templates/images/buttons/pay-now.gif) no-repeat center top; width:123px; height:19px; float:left; padding:8px; margin:12px 0 12px 20px; border:none; cursor:pointer; text-indent:-1000em; display:block}
/*---------Samples page+form------------*/
#content .samples{float:left; width:500px; border:1px solid #CED7E1; margin:0 0 10px 0; background:#F6F6F6; padding:24px 24px 24px 124px; display:inline}
#content .samples li.errormessage{border:1px solid #FF3F3F; color:#FF3F3F; background:url(../images/icons/warning.png) 8px center no-repeat #FFBFBF; padding:12px 12px 12px 40px; margin:0 0 0 20px; width:221px}
#content .samples li{float:left; width:500px; margin:2px 0 2px 0}
#content .samples li label{margin:0 0 0 2px; display:inline}
*html #content .samples li label{float:left; padding:3px 0 0 0; margin:0}
#content .samples li label.body_dark{float:left; margin:0 5px 0 0; width:100px; text-align:right; padding:2px 0 0 0}
#content .samples li input{float:left; margin:0 5px 0 105px; display:inline}
*html #content .samples li input{margin:0 5px 0 103px}
*html #content .samples li input#send_details_button{margin:0 5px 0 105px}
#content .samples li input.samples_input{float:left; margin:0 5px 0 0; width:184px; border:1px solid #CED7E1; background:#fff; padding:2px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:90%}
*html #content .samples li input.samples_input{width:180px}
#content .samples li textarea.samples_input{float:left; margin:0 5px 0 0; width:184px; border:1px solid #CED7E1; background:#fff; padding:2px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:90%}
#content .samples li #repeat_password.samples_input{margin:6px 0 0 0}
/*-----------Templates--------*/
#content ul{font-size:85%; padding:0 0 20px 0}
#content ul li{margin:2px 0 2px 0}
#content ul#templates{float:left; width:650px}
#content ul#templates li{float:left; width:210px; margin:0 10px 0 0; display:inline}
#content ul#templates li.last{float:left; width:210px; margin:0}
/*---------Testimonials---------*/
#content .testimonials-container{float:left; width:650px; margin:0 0 30px 0; display:inline}
#content .testimonials-container .titles-top{float:left; width:650px; background:url(../images/testimonials-title-bg-top.gif) left top no-repeat; padding:0; margin:0; font-size:0; height:5px}
#content .testimonials-container .titles{float:left; width:640px; background:url(../images/testimonials-title-bg-repeat.gif) left top repeat-y; font-size:85%; font-weight:bold; padding:0 0 5px 10px}
#content .testimonials-container .content{float:left; width:574px; border:3px solid #CED7E1; padding:20px 20px 0 50px; background:url(../images/open-quote.gif) 20px 20px no-repeat}
#content .testimonials-container .content p{float:left; width:544px; padding:3px 0 20px 0}
#content .testimonials-container .content .quote-end{float:left; width:574px; background:url(../images/close-quote.gif) right top no-repeat; height:20px; margin:-20px 0 20px 0; display:inline}
/*------------------------------Client area------------------------------------*/
/*----Login - Register-----*/
/*----based on SAMPLES-----*/
#content .samples li#forgotten-password{float:left; padding:0 0 0 105px; margin:0 0 10px 0; display:inline; width:auto; font-size:85%}
#content .samples li.titles{float:right; text-align:right; width:auto; margin:20px 207px 5px 0; display:inline}
#content .samples select{font-size:100%; padding:2px}
*html #content .samples select{font-size:80%; margin-left:-3px}
#content .samples li#password-length{float:left; padding:0 0 0 105px; margin:0 0 0 0; display:inline; width:auto; font-size:85%; font-style:italic}
*html #content .samples li #login-button{margin:0 5px 0 107px}
*html #content .samples li #create-account-button{margin:0 5px 0 107px}
/*--------contact us page-----------*/ 
#contact-details #postal-address{float:left; padding:0 0 0 12px}
#postcode{display:none}
#map{float:right; /*clear:both; */width:400px; height:300px; border:1px solid #999; margin:0 12px 15px 0; padding:0 0 0 0}
#map.hide{display:none}
#content #contact-details ul.samples{float:left; margin:0 0 50px 0; display:inline}
#content #contact-details ul.samples li label{float:left; width:50px}
#content #contact-details ul.samples li input{width:312px}
#content #contact-details ul.samples li select{width:317px}
#content #contact-details ul.samples li textarea{width:312px}
#content #contact-details #recaptcha-container{float:left; width:318px; margin:5px 0 0 55px; display:inline}
#content #contact-details #send-message-button{float:left; width:123px; height:19px; padding:0; margin:5px 0 0 55px; display:inline; border:none; background:transparent}
/*-----------------FOOTERS-----------------------------------*/
#cards-manufactured-for{float:left; width:940px; margin:0 0 10px 0}
#footer{float:left; width:940px; margin:0 0 0 0; padding:0 0 130px 0; color:#a4b1bf; font-size:70%}
#footer-left{list-style:none; float:left; width:570px; margin:0; padding:5px 0 5px 5px}
#footer-left li{display:inline}
#footer-left a{text-decoration:none; color:#a4b1bf}
#footer-left a:hover, #footer-left a:focus{text-decoration:underline}
#footer-right{float:right; width:340px; text-align:right; padding:5px; margin:0}
#footer-right a{color:#a4b1bf; text-decoration:none; padding:0; margin:0}
#footer-right a:hover, #footer-right a:focus{text-decoration:underline}
#content .folding-options{display:inline; float:left; margin:50px 0 0 10px; width:670px}
#content .folding-options .zone-image{display:inline; float:left; margin:0 10px 0 0; width:150px}
#content .folding-options .zone-description{float:left; margin:20px 0 0; width:510px}
#content .folding-options .zone-description p{width:438px; padding:0 0 4px 0}