@charset "utf-8";
@import url("reset.css");
/* ------------------------------------- GLOBAL */
body { background: #fff url(../../images/global/colmans-background-right-side-img.jpg) repeat-x left top; color: #000; font: 0.75em Arial, Helvetica, sans-serif; }
.ie6 body { behavior: url("includes/htc/csshover.htc"); }
h1 { }
h2 { }
h3 { }
a { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.tl { clear: both; left: 0; position: absolute; top: 0; }
.tr { clear: both; position: absolute; right: 0; top: 0; }
.br { clear: both; bottom: 0; position: absolute; right: 0; }
.bl { clear: both; bottom: 0; left: 0; position: absolute; }
label { cursor:pointer; }
/* ------------------------------------- LAYOUT */
#container { width:980px; margin:0 auto }
#header-wrap { background: url(../../images/global/header-bg.jpg) no-repeat center top; height: 273px; margin:0 auto; position:relative }
#header { width:980px; margin:0 auto; min-height:273px; height:auto !important; height:273px }
#header #logo { width:216px; float:left; height:150px; margin:0 0 0 14px; display:inline }
#header #logo img { margin:14px 0 0 0; display:inline }
#header .sign-up-to-newsletter { width:172px; float:right; height:92px; margin:23px 6px 0 0; display:inline }
#header .sign-up-to-newsletter a { background: url(../../images/global/sign-up-newsletter.png) no-repeat top left; height: 89px; width: 168px; display: block; text-indent: -9000px; }
#header .sign-up-to-newsletter a:hover { background-position: bottom left; }
#breadcrumb { width:946px; float:left; padding:17px 17px 13px }
#breadcrumb ul li { float:left; margin:0 10px 0 0 }
#breadcrumb .left { width:700px; float:left; color:#003d7e; font-size:1em; }
#breadcrumb strong { color:#00173a }
#breadcrumb a { color:#003d7e; text-decoration:underline }
#breadcrumb a:hover, #breadcrumb .selected { text-decoration:none; color:#00173a }
/*#breadcrumb .right { width:300px; float:right }
#breadcrumb .inputfield { width:228px; text-align:right; position:relative; margin:-3px 0 0 0 }
#breadcrumb .inputfield input { width:216px; border-top:1px solid #c1c1c1; border-left:1px solid #c1c1c1; border-bottom:1px solid #dedede; border-right:1px solid #dedede; padding:5px; background:#f8f8f8 }
#breadcrumb .inputfield button { background: url(../../images/buttons/welcome-panel-search-butt.png) no-repeat left top; border-style: none; position:absolute; top:-9px; right:-8px; clear:both; height: 43px; width: 39px; cursor:pointer }*/
#leftcolumn { }
#centrecolumn { }
#rightcolumn { }
.right-bg-repeat { width:100%; background:transparent url(../../images/global/colmans-background-left.jpg) repeat-x scroll left top; height:236px; margin-left:-50%; position:absolute; }
.two-col #centrecolumn { width:100%; float:left }
.two-col #leftcolumn { float:left; width:187px; margin:2px 0 0 }
.two-col #leftcolumn .panel { float:left; width:187px; display:block; text-decoration:none }
.two-col #leftcolumn .panel span { color:#00173a; padding:45px 42px 0 20px; display:block }
.two-col #leftcolumn .shoponline { background: url(../../images/panels/inside-panels.jpg) no-repeat left top; height:190px; margin:20px 0 0 }
.two-col #leftcolumn .shoponline:hover { background: url(../../images/panels/inside-panels.jpg) no-repeat left -205px }
.two-col #leftcolumn .cookingwithcolmans { background: url(../../images/panels/inside-panels.jpg) no-repeat -195px top; height:203px; margin:9px 0 0 }
.two-col #leftcolumn .cookingwithcolmans span { padding:65px 20px 0 20px }
.two-col #leftcolumn .cookingwithcolmans:hover { background: url(../../images/panels/inside-panels.jpg) no-repeat -195px -205px; }
.two-col #leftcolumn .blue-panel { float:right; width:193px; display:block; line-height:16px; color:#00173a; margin:14px -7px 0 0; position:relative; text-decoration:none }
.two-col #leftcolumn .blue-panel span { padding:63px 38px 9px 20px; display:block }
.two-col #leftcolumn .gift-ideas span { padding:45px 38px 9px 20px; }
.two-col #leftcolumn .gift-ideas { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat 0px 0px; height:201px; margin-top:22px }
.two-col #leftcolumn .gift-ideas:hover { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat 0px -206px }
.two-col #leftcolumn .allaboutourmustard { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat -413px 0px; height:203px }
.two-col #leftcolumn .allaboutourmustard:hover { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat -413px -206px }
.two-col #leftcolumn .white-panel { width:157px; float:left; border:3px solid #e9e9e9; position:relative; padding:15px 12px 12px; display:inline }
.two-col #leftcolumn .white-panel .need-assistance { margin:0 0 0 3px }
.two-col #leftcolumn .white-panel a { font-weight:bold; color:#003d7e; text-decoration:none }
.two-col #leftcolumn .white-panel a:hover, .panel .selected { color:#ee3224; text-decoration:none }
.two-col #leftcolumn .white-panel .tl { top:-3px; left:-3px }
.two-col #leftcolumn .white-panel .tr { top:-3px; right:-3px }
.two-col #leftcolumn .white-panel .br { bottom:-3px; right:-3px }
.ie6 .two-col #leftcolumn .white-panel .tr { top:-3px; right:-4px }
.ie6 .two-col #leftcolumn .white-panel .br { bottom:-3px; right:-4px }
.two-col #leftcolumn .white-panel .bl { bottom:-3px; left:-3px }
.two-col #leftcolumn .white-panel .row { float:left; width:100% }
.two-col #leftcolumn .shop-in-confidence-panel { margin:16px 0 0 }
.two-col #leftcolumn .white-panel .credit-cards { margin:10px 0 16px 4px }
.two-col #leftcolumn .white-panel .sage-pay { margin:7px 0 0 11px }
.two-col #leftcolumn .white-panel .divider { border-top:1px solid #e9e9e9 }
.two-col #leftcolumn .white-panel .recently-viewed-img { float:left; padding:0 10px 0 0 }
.two-col #leftcolumn .white-panel p { padding:14px 0px 11px 3px; line-height:16px }
.two-col #leftcolumn .shop-in-confidence-panel p { padding:9px 0 2px 3px }
.two-col #leftcolumn .white-panel h4 { color:#ee3224; font-size:1.75em; border-top:1px solid #e9e9e9 }
.two-col #leftcolumn .white-panel h4 span { padding:10px 0 0 3px; display:block }
.two-col #rightcolumn { float:right; width:755px; position:relative; display:inline; padding:0 16px 0 0 }
.two-col #rightcolumn .top { border-bottom:3px solid #eaeaea; padding:2px 0 11px 0 }
.two-col #rightcolumn .slogan { border-bottom:1px solid #eaeaea; padding:12px 0 18px 0 }
.two-col #rightcolumn .text { float:left; width:747px; padding:0 0 0 8px }
.print-button { position:absolute; top:11px; right:16px; clear:both }
.view-all-button { float:right }
.three-col #leftcolumn { float:left; width:207px }
.three-col #centrecolumn { float:left; width:564px; /*margin:0 0 0 22px;*/ display:inline }
.product { float:left; display:inline; min-height: 295px; height:auto !important; height:295px; width: 178px; background: url(../../images/products/product-bg.jpg) repeat-x left bottom; text-decoration:none; margin:0; position: relative; margin:10px 6px 0 0; border:2px solid #ffeb00; }
.product .tr { width:15px; height:14px; background:url(../../images/products/product-corners.gif) no-repeat -15px 0; top:-2px; right:-2px; }
.product .tl { width:15px; height:14px; background:url(../../images/products/product-corners.gif) no-repeat 0 0; top:-2px; left:-2px; }
.product .br { width:15px; height:15px; background:url(../../images/products/product-corners.gif) no-repeat -15px -15px; bottom:-3px; right:-2px; }
.product .bl { width:15px; height:15px; background:url(../../images/products/product-corners.gif) no-repeat 0 -15px; bottom:-3px; left:-2px; }
.product:hover { text-decoration:none }
.product .image { text-align:center; width:100%; display:block; margin:10px 0 8px 0; position:relative; height: 175px; overflow: hidden; }
.product .image img { display:inline }
.product .buy { position:absolute; bottom:0; right:12px; clear:both; display:block; width:70px; height:39px }
.product .buy:hover { background: url(../../images/buttons/buy-over.png) no-repeat left top; }
.product .product-title { display:block; color:#003d7e; font-weight:bold; padding:2px 18px 0 18px; text-decoration:none }
.product .product-title:hover { text-decoration:none }
.product .product-price { color:#ee3224; font-size:2.16em; font-weight:bold; display:block; padding:3px 18px 0 18px; margin:0; position:absolute; bottom:10px; left:0; clear:both; }
.product .old-price { font-size:0.61em; font-weight:normal; color:#00173a; text-decoration: line-through; }
.product small { font-size:0.61em }
.three-col #centrecolumn .titlerow { padding:11px 0 8px 0 }
.three-col #centrecolumn .headerrow { padding:11px 0; border-bottom:3px solid #eaeaea; margin:-8px 0 0 }
.three-col #centrecolumn .headerrow h1 { float:left; display:inline; margin:0 0 0 6px; width:480px; }
.three-col #centrecolumn .headerrow img { float:right; margin:3px 0 0 }
.three-col #centrecolumn .proddesc { padding:15px 0 0 0; }
.three-col #centrecolumn p { color:#414141; line-height:16px; padding:15px 0 0; }
.three-col #centrecolumn h1 { color:#000; font-size:2.33em }
.three-col #centrecolumn h3 { font-size:1.75em; color:#003d7e; float:left; display:inline; margin:0 0 0 16px }
.three-col #centrecolumn .largepanel { display:inline; float:left; width:269px; height:152px; font-size:1.5em; padding:110px 261px 0 34px; text-decoration:none }
.three-col #centrecolumn .largepanel:hover { text-decoration:none }
.three-col #centrecolumn .largepanel .item-wrap { float:left; display:block; margin:20px 22px 0 0 }
.three-col #centrecolumn .largepanel .item { display:block; color:#00173a; font-size:0.66em }
.three-col #centrecolumn .price-quantity-row { font-size:1.5em; color:#000; position:relative; padding:15px 0 0; width:260px; float:left; }
.three-col #centrecolumn .price-quantity-row .add-to-basket-butt { position:absolute; top:4px; right:23px; clear:both }
.three-col #centrecolumn .price-quantity-row .red-text { display:inline; color:#ee3224; font-size:1.88em }
.three-col #centrecolumn .price-quantity-row .red-text small { display:inline; color:#ee3224; font-size:0.61em }
.three-col #centrecolumn .price-quantity-row .txtfield { width:68px; border:1px solid #c1c1c1; background:#f8f8f8; color:#000; padding:3px 0 6px 8px; margin:6px 0 0 }
.three-col #centrecolumn .largepanel .red-text { display:block; color:#ee3224; font-size:2.11em; float:left }
.three-col #centrecolumn .largepanel .red-text small { font-size:0.63em }
.three-col #centrecolumn .art-and-literature { background: url(../../images/panels/colmans-art-and-literature-panel.jpg) no-repeat left top; }
.three-col #centrecolumn .art-and-literature:hover { background: url(../../images/panels/colmans-art-and-literature-panel-over.jpg) no-repeat left top; }
.three-col #centrecolumn .productrow { padding:0 0 5px }
.three-col #centrecolumn .showproduct { }
.three-col #centrecolumn .showproduct .left { float:left; width:240px; padding:21px 0 0 8px }
.three-col #centrecolumn .showproduct .right { float:right; width:283px; padding:10px 0 0 15px; }
.showproduct .right .showpageproductimg { float:left; width:100%; position:relative; margin:10px 0 0 }
.showproduct .right .showpageproductimg .productimg { display:block; border:1px solid #e9e9e9 }
.showproduct .right .showpageproductimg .zoom { position:absolute; bottom:5px; right:5px; clear:both }
.showproduct .right .showpageproductimg .tr { top:-4px; right:-6px }
.ie6 .showproduct .right .showpageproductimg .tr { top:-4px; right:-5px }
.showproduct .right .showpageproductimg .tl { top:-4px; left:-4px }
.showproduct .right .showpageproductimg .br { bottom:-4px; right:-6px }
.ie6 .showproduct .right .showpageproductimg .br { bottom:-4px; right:-5px }
.showproduct .right .showpageproductimg .bl { bottom:-4px; left:-4px }
.showproduct .right .thumbnailrow { margin:6px 0 0 }
.showproduct .right ul li { float:right; display:block; margin:0 0 0 10px; position:relative }
.showproduct .right ul li .tr { top:-5px; right:-5px }
.ie6 .showproduct .right ul li .tr { top:-5px; right:-6px }
.showproduct .right ul li .tl { top:-5px; left:-5px }
.showproduct .right ul li .br { bottom:-5px; right:-5px }
.ie6 .showproduct .right ul li .br { bottom:-5px; right:-6px }
.showproduct .right ul li .bl { bottom:-5px; left:-5px }
.showproduct .right ul li a { border: 2px solid #e9e9e9; display:block }
.showproduct .right ul li a:hover, .showproduct .right ul li .selected { border: 2px solid #b4c1cf }
.three-col #centrecolumn .showproduct .stock { border-top:1px solid #eee; padding:13px 0 0; width:260px; margin:35px 0 0; display:inline; float:left; }
.p-padding { padding:15px 0 0; }
.three-col #centrecolumn .showproduct .stock .row { padding:0 0 4px }
.three-col #centrecolumn .showproduct .name { float:left; font-weight:bold; width:90px }
.three-col #centrecolumn .showproduct .value { float:left }
.three-col #centrecolumn .showproduct .value img { display:inline; margin:0 5px 0 0 }
.three-col #rightcolumn { float:left; width:187px; padding:0 0 0 19px; display:inline; position:relative }
.three-col #rightcolumn .blue-panel { float:right; width:193px; display:block; line-height:16px; color:#00173a; margin:14px -7px 0 0; position:relative; text-decoration:none }
.three-col #rightcolumn .blue-panel span { padding:63px 38px 9px 20px; display:block }
.three-col #rightcolumn .gift-ideas span { padding:45px 38px 9px 20px; }
.three-col #rightcolumn .gift-ideas { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat 0px 0px; height:201px; margin-top:0 }
.three-col #rightcolumn .gift-ideas:hover { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat 0px -206px }
.three-col #rightcolumn .cookingwithcolmans { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat -209px 0px; height:203px }
.three-col #rightcolumn .cookingwithcolmans:hover { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat -209px -206px }
.three-col #rightcolumn .allaboutourmustard { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat -413px 0px; height:203px }
.three-col #rightcolumn .allaboutourmustard:hover { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat -413px -206px }
.three-col #rightcolumn .delivery-info { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat 0 -413px; height:208px }
.three-col #rightcolumn .delivery-info:hover { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat 0px -622px;}
.three-col #rightcolumn .shopping-basket { float:left; width:187px; background: #0e4e94 url(../../images/panels/shopping-basket-bg.jpg) repeat-x left bottom; min-height:193px; height:auto !important; height:193px; position:relative; margin:0 0 0 1px; display:inline }
.three-col #rightcolumn .totalrow { background: url(../../images/misc/shopping-basket-total-bg.jpg) repeat-x left top; padding: 6px 0 9px; margin:3px 0 0 }
.three-col #rightcolumn .recently-viewed { margin:20px 0 3px }
.three-col #rightcolumn .recently-viewed .title { padding:0 0 17px 5px }
.three-col #rightcolumn .shop-in-confidence { margin:15px 0 0 }
.three-col #rightcolumn .shop-in-confidence .title { padding:0 0 10px 5px }
.three-col #rightcolumn .white-panel { width:157px; float:left; border:3px solid #e9e9e9; position:relative; padding:13px 12px 20px; display:inline }
.three-col #rightcolumn .white-panel a { font-weight:bold; color:#003d7e; text-decoration:none }
.three-col #rightcolumn .white-panel a:hover, .panel .selected { color:#ee3224; text-decoration:none }
.three-col #rightcolumn .white-panel .tl { top:-3px; left:-3px }
.three-col #rightcolumn .white-panel .tr { top:-3px; right:-3px }
.three-col #rightcolumn .white-panel .br { bottom:-3px; right:-3px }
.three-col #rightcolumn .white-panel .bl { bottom:-3px; left:-3px }
.ie6 .three-col #rightcolumn .white-panel .tl { top:-3px; left:-3px }
.ie6 .three-col #rightcolumn .white-panel .tr { top:-3px; right:-4px }
.ie6 .three-col #rightcolumn .white-panel .br { bottom:-4px; right:-4px }
.ie6 .three-col #rightcolumn .white-panel .bl { bottom:-4px; left:-3px }
.three-col #rightcolumn .white-panel .row { float:left; width:100% }
.three-col #rightcolumn .white-panel .divider { border-bottom:1px solid #eee; padding:0 0 13px; margin:0 0 9px }
.three-col #rightcolumn .white-panel .recently-viewed-img { float:left; padding:0 10px 0 0 }
.three-col #rightcolumn .white-panel p { padding:3px 25px 5px 5px }
.shopping-basket .tr { top:-1px; right:-1px }
.shopping-basket .tl { top:-1px; left:-1px }
.shopping-basket .br { bottom:-1px; right:-1px }
.shopping-basket .bl { bottom:-1px; left:-1px }
.ie6 .shopping-basket .tr { top:-1px; right:-2px }
.ie6 .shopping-basket .br { bottom:-2px; right:-2px }
.ie6 .shopping-basket .bl { bottom:-2px; left:-1px }
.shopping-basket .title { float:left; display:inline; margin:17px 0 0 18px; padding:0 0 7px 0 }
.shopping-basket .row { font-size:1.16em; padding-bottom:3px }
.shopping-basket .name { float:left; text-align:right; width:53px; color:#fff }
.shopping-basket .value { float:right; width:111px; color:#ffea00 }
.shopping-basket .till { position:absolute; bottom:48px; right:-6px; clear:both }
.ie6 .shopping-basket .till { position:absolute; bottom:47px; right:-7px; clear:both }
.shopping-basket .view { float:left; margin:9px 0 0 13px; display:inline }
.shopping-basket .checkout { float:right; margin:9px 15px 0 0; display:inline }
.browsemenu-wrap .browselist { width:160px; display:inline; padding:11px 0 0 2px }
/*.three-col #leftcolumn .browsemenu-wrap { float:left; width:100% }
.three-col #leftcolumn .browsemenu-middle {  }
.three-col #leftcolumn .browsemenu-middle ul { float:left; display:inline; margin:0px; width:170px }
.three-col #leftcolumn .browsemenu-middle li { color:#003d7e; font-weight:bold; display:block; float:left; width:100%; min-height:25px; height:auto !important; height:25px ; background: url(../../images/misc/subnav-divider.gif) repeat-x left bottom; position:relative }

.three-col #leftcolumn .browsemenu-middle li a { color:#003d7e; text-decoration:none; display:block; width:163px; position:relative; margin:-2px 0 0 -8px; float:left }
.three-col #leftcolumn .browsemenu-middle li a:hover, .three-col #leftcolumn .browsemenu-middle .selected { background:url(../../images/misc/sub-nav-bg.png) repeat-y left top; }
.three-col #leftcolumn .browsemenu-middle li a span { background: url(../../images/misc/sub-nav-bottom.png) repeat-x left bottom; display:block; padding:10px 0; margin:-10px 0 0  }

.three-col #leftcolumn .browsemenu-middle .sub { position:relative; width:184px; float:left; background:#fff; display:none }*/

/* browse menu */

#browsemenu-wrap { float: left; width: 186px; }
#leftcolumn .browsemenu-top { height: 31px; width: 186px; float: left; }
/*#browsemenu-wrap .show-nav { float: left; width: 180px; border-left: 7px solid #23151a; border-right: 7px solid #23151a; }
#browsemenu-wrap .show-nav a { float: left; width: 160px; padding: 6px 10px 10px 10px; font-size: 1.3em; font-weight: bold; background: url(../../images/global/show-all-bg.gif) top left no-repeat #fcaa0a; color:#003d7e; }
#browsemenu-wrap .show-nav a:hover { text-decoration: none; }*/
#browsemenu .browse-title { padding:0 0 10px; float:left }
#browsemenu { float: left; width: 184px; padding: 0px 0 12px; display:inline; background:#fcf2a9 url(../../images/panels/browse-menu-bg.jpg) repeat-x left bottom; border-right:2px solid #ffed20; border-left:2px solid #ffed20; width:170px; float: left; margin:0 0 0 6px; display: inline; text-transform: capitalize; }
#browsemenu li { float: left; width: 170px; margin: 0px 0px 1px; position:relative; }
#browsemenu li a { float: left; width: 121px; display:inline; font-weight: bold; padding: 8px 29px 8px 12px; color:#003d7e; background: url(../../images/misc/browsemenu-divider.gif) repeat-x left bottom; /*font-size: 1.1em; letter-spacing: -1px;*/ }
#browsemenu a:hover { text-decoration: none; color:#ee3224; padding: 8px 29px 8px 12px; }
#browsemenu .selected { color:#ee3224 }
/*#browsemenu li div.sub { float:left; width: 220px; position: relative; z-index:99 }*/
#browsemenu li ul.sub { position: absolute; top: 0px; margin:1px 0 0; left: -999em; width: 208px; padding: 5px 0px; background: #fff url(../../images/nav/subnav-left-border.gif) no-repeat 0px 0px; border-top: 1px solid #fffee24; border-right: 1px solid #ffee24; border-bottom: 1px solid #ffee24; z-index: 99; margin:1px 0 0 }
#browsemenu li ul.sub li { width:206px }
#browsemenu li:hover ul.sub { left: 154px; }
.ie6 #browsemenu { overflow:hidden }
.ie6 #browsemenu li div.sub ul li a { border:none }
#browsemenu li:hover ul li { padding: 4px 0px 4px 20px; width: 186px; }
#browsemenu li:hover ul li a { background: url(../../images/nav/browsemenu-blue-arrow.gif) 0px 4px no-repeat; padding: 0px 0px 0px 10px; width: 162px; border:none; display:inline }
/*.ie6 #browsemenu li:hover ul li a { background: url(../../images/nav/browsemenu-blue-arrow.gif) no-repeat 0px 4px; padding: 0px 0px 0px 10px; width: 162px; font-weight: normal; font-size: 1em; color:#ee3224 }*/
/*#browsemenu li:hover ul li a:hover { background: url(../../images/nav/browsemenu-red-arrow.gif) no-repeat 0px 4px; color:#ee3224 }*/
.subnavsection { background: url(../../images/nav/browsemenu-blue-arrow.gif) no-repeat 150px 11px; display:inline }
#browsemenu .subnavsection a:hover { text-decoration: none; background: #fff url(none) no-repeat 0px 4px; border: 1px solid #ffee24; color:#ee3224; padding: 7px 28px 7px 11px; display:inline; }
#browsemenu .subnavsection ul li a:hover { background: url(../../images/nav/browsemenu-red-arrow.gif) no-repeat 0px 4px; border:none; padding: 0px 0px 0px 10px; }
#browsemenu .subnavsection a.selected { text-decoration: none; background: #fff url(none) no-repeat 0px 4px; border: 1px solid #ffee24; color:#ee3224; padding: 7px 28px 7px 11px; display:inline; }
.three-col #leftcolumn .latest-offers-list { background: url(../../images/misc/browsemenu-divider.gif) repeat-x left top; padding: 10px 0 20px; width:170px; margin:15px 0 0 }
.three-col #leftcolumn .browsemenu-bottom { float: left; height: 54px; width: 190px; }
.three-col #leftcolumn .recently-viewed { margin:20px 0 0 }
.three-col #leftcolumn .recently-viewed .title { padding:0 0 17px 5px }
.three-col #leftcolumn .shop-in-confidence { margin:15px 0 0 }
.three-col #leftcolumn .shop-in-confidence .title { padding:0 0 10px 5px }
.three-col #leftcolumn .white-panel { width:157px; float:left; border:3px solid #e9e9e9; position:relative; padding:13px 12px 16px; display:inline }
.three-col #leftcolumn .white-panel a { font-weight:bold; color:#003d7e; text-decoration:none }
.three-col #leftcolumn .white-panel a:hover, .panel .selected { color:#ee3224; text-decoration:none }
.three-col #leftcolumn .white-panel .tl { top:-3px; left:-3px }
.three-col #leftcolumn .white-panel .tr { top:-3px; right:-3px }
.three-col #leftcolumn .white-panel .br { bottom:-3px; right:-3px }
.ie6 .three-col #leftcolumn .white-panel .tr { top:-3px; right:-4px }
.ie6 .three-col #leftcolumn .white-panel .br { bottom:-3px; right:-4px }
.three-col #leftcolumn .white-panel .bl { bottom:-3px; left:-3px }
.three-col #leftcolumn .white-panel .row { float:left; width:100% }
.three-col #leftcolumn .white-panel .divider { border-bottom:1px solid #eee; padding:0 0 13px; margin:0 0 9px }
.three-col #leftcolumn .white-panel .recently-viewed-img { float:left; padding:0 10px 0 0 }
.three-col #leftcolumn .white-panel p { padding:3px 25px 5px 5px }
.three-col #leftcolumn .credit-debit-card-info { display:inline; float:left; margin:10px 0 0 5px }
.three-col #leftcolumn .blue-panel { float:left; width:193px; display:block; line-height:16px; color:#00173a; margin:14px 0 10px; position:relative; text-decoration:none }
.three-col #leftcolumn .blue-panel span { padding:63px 38px 9px 20px; display:block }
.three-col #leftcolumn .gift-ideas span { padding:45px 38px 9px 20px; }
.three-col #leftcolumn .gift-ideas { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat 0px 0px; height:201px; margin-top:22px }
.three-col #leftcolumn .gift-ideas:hover { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat 0px -206px }
.three-col #leftcolumn .cookingwithcolmans { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat -209px 0px; height:203px }
.three-col #leftcolumn .cookingwithcolmans:hover { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat -209px -206px }
.three-col #leftcolumn .allaboutourmustard { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat -413px 0px; height:203px }
.three-col #leftcolumn .allaboutourmustard:hover { background: url(../../images/panels/inside-shop-home-panel.jpg) no-repeat -413px -206px }
/* ------------------------------------- MAIN MENU */
#nav { width:100%; float:left; position:relative }
.ie6 #nav { height:125px }
#nav ul { float:left; margin:44px 0 0 0; display:block; width:100% }
#nav li { float:left; display:block; background: url(../../images/misc/glow.png) repeat-x left top; padding:24px 0 0 }
#nav li span { display:none }
#nav .home { width:98px; height:55px; display:block; background:url(../../images/nav/nav.png) no-repeat 0px 0px }
.ie6 #nav a.home:hover, .ie6 #nav .selected .home { margin-top:1px; float:left }
#nav a.home:hover, #nav .selected .home { background:url(../../images/nav/nav.png) no-repeat 0px -65px; display:block }
#nav .aboutus { width:119px; height:55px; display:block; background:url(../../images/nav/nav.png) no-repeat -98px 0px }
#nav a.aboutus:hover, #nav .selected .aboutus { background:url(../../images/nav/nav.png) no-repeat -98px -65px }
#nav .ourshop { width:216px; height:55px; display:block; background:url(../../images/nav/nav.png) no-repeat -217px top }
#nav a.ourshop:hover, #nav .selected .ourshop { background:url(../../images/nav/nav.png) no-repeat -217px -65px }
#nav .onlineshop { width:146px; height:55px; display:block; background:url(../../images/nav/nav.png) no-repeat -434px top }
#nav a.onlineshop:hover, #nav .selected .onlineshop { background:url(../../images/nav/nav.png) no-repeat -434px -65px }
#nav .recipes { width:108px; height:55px; display:block; background:url(../../images/nav/nav.png) no-repeat -580px top }
#nav a.recipes:hover, #nav .selected .recipes { background:url(../../images/nav/nav.png) no-repeat -580px -65px }
#nav .mediacentre { width:158px; height:55px; display:block; background:url(../../images/nav/nav.png) no-repeat -688px top }
#nav a.mediacentre:hover, #nav .selected .mediacentre { background:url(../../images/nav/nav.png) no-repeat -688px -65px }
#nav .contactus { width:135px; height:55px; display:block; background:url(../../images/nav/nav.png) no-repeat -846px top }
#nav a.contactus:hover, #nav .selected .contactus { background:url(../../images/nav/nav.png) no-repeat -846px -65px }
.ie6 #nav a.contactus:hover, .ie6 #nav .selected .contactus { border-top:1px solid #2762a0 }
#nav .items-in-basket { position:absolute; bottom:37px; right:354px; clear:both }
.ie6 #nav .items-in-basket { position:absolute; bottom:38px; right:354px; clear:both }
#checkout-nav { width:1011px; float:left; position:relative; height:75px; position:relative; margin:0 0 0 -3px; display:inline }
#checkout-nav ul { margin:51px 0 0 }
#checkout-nav li { float:left; display:inline }
#checkout-nav a.back-shop { background: url(../../images/nav/back-to-shop-navigation.png) no-repeat 2px 0; width:189px; height:86px; display: block; text-indent:-1000px; overflow:hidden }
#checkout-nav .back-shop:hover, #checkout-nav .selected .back-shop { background: url(../../images/nav/back-to-shop-navigation.png) no-repeat 2px -117px; }
#checkout-nav .delivery { background: url(../../images/nav/back-to-shop-navigation.png) no-repeat -187px 0; width:277px; height:86px; display: block; text-indent:-1000px; overflow:hidden }
.delivery-page #checkout-nav .delivery { background: url(../../images/nav/back-to-shop-navigation.png) no-repeat -187px -117px }
#checkout-nav .pay-confirm { background: url(../../images/nav/back-to-shop-navigation.png) no-repeat -464px 0; width:246px; height:86px; display: block; text-indent:-1000px; overflow:hidden }
.payment-page #checkout-nav .pay-confirm { background: url(../../images/nav/back-to-shop-navigation.png) no-repeat -464px -117px }
#checkout-nav .done { background: url(../../images/nav/back-to-shop-navigation.png) no-repeat -710px 0; width:286px; height:86px; display: block; text-indent:-1000px; overflow:hidden }
.done-page #checkout-nav .done { background: url(../../images/nav/back-to-shop-navigation.png) no-repeat -710px -117px; width:286px; height:86px; display: block; }
#checkout-nav span { display:none }
.ie6 #checkout-nav a:hover { margin-top:1px }
.ie6 #checkout-nav .selected { padding-top:1px }
/* ------------------------------------- SUB NAV MENU */
.two-col #leftcolumn #subnav { width:181px; float:left; border:3px solid #e9e9e9; position:relative }
.two-col #leftcolumn #subnav h3 { width:100%; display:block; border-bottom:3px solid #e9e9e9; font-size:1.5em; color:#000 }
.two-col #leftcolumn #subnav h3 span { padding:8px 13px 13px 15px; display:block }
.two-col #leftcolumn #subnav ul { padding:5px 6px 14px 8px }
.two-col #leftcolumn #subnav li { padding:8px 8px 5px }
.two-col #leftcolumn #subnav a { font-weight:bold; color:#003d7e; text-decoration:none }
.two-col #leftcolumn #subnav a:hover, .two-col #leftcolumn #subnav .selected { color:#ee3224; text-decoration:none }
.two-col #leftcolumn #subnav .tl { top:-3px; left:-3px }
.two-col #leftcolumn #subnav .tr { top:-3px; right:-3px }
.two-col #leftcolumn #subnav .br { bottom:-3px; right:-3px }
.ie6 .two-col #leftcolumn #subnav .tr { top:-3px; right:-4px }
.ie6 .two-col #leftcolumn #subnav .br { bottom:-3px; right:-4px }
.two-col #leftcolumn #subnav .bl { bottom:-3px; left:-3px }
/* ------------------------------------- CONTENT */
.row { float: left; width: 100%; }
.pagecontent { }
.pagecontent h1 { font-size:2.33em; color:#000; padding:2px 0 0 8px; width:670px; }
.pagecontent h2 { font-size:1.5em; color:#414141; padding:0 7px }
.pagecontent p { color:#414141; padding:19px 0 0; line-height:16px }
.pagecontent ul, .pagecontent ol { }
.pagecontent ul { padding:19px 0 0 }
.pagecontent li { background: url(../../images/misc/pagecontent-li.gif) no-repeat 0 7px; color:#414141; padding:0 0 0 14px; line-height:22px }
.pagecontent ol li { }
.pagecontent a { color:#003d7e; text-decoration:none }
.pagecontent a:hover { text-decoration:underline }
.pagecontent .red-text { color:#ee3224 }
.pagecontent .img-left { float:left; position:relative }
.pagecontent .img-right { float:right; position:relative; margin:20px 0 0 15px; display:inline }
.pagecontent .img-right .tr { top:-1px; right:-1px }
.pagecontent .img-right .tl { top:-1px; left:-1px }
.pagecontent .img-right .br { bottom:-2px; right:-1px }
.pagecontent .img-right .bl { bottom:-2px; left:-1px }
.pagecontent .img-caption { background: url(../../images/misc/img-caption-bg.png) repeat; position:absolute; bottom:0; left:0; clear:both; color:#fff; width:100%; }
.pagecontent .img-caption { width:366px }
.pagecontent .img-caption span { padding:8px 10px 12px 16px; display:block }
/* ------------------------------------- FOOTER */
.socialnetworkarea { float:left; width:100%; background: url(../../images/global/social-network-dash.gif) repeat-x left top; padding:29px 0 0 0; margin:36px 0 0 0 }
.socialnetworkarea .socialnetworking { float:right; width:477px }
.socialnetworkarea .socialnetworking .section { float:left; width:150px; font-size:1.16em }
.socialnetworkarea .socialnetworking .section span { cursor:pointer }
.socialnetworkarea .socialnetworking .section:hover { text-decoration:none }
.socialnetworkarea .socialnetworking .section img { float:left; width:auto; margin:0 10px 0 0 }
.socialnetworkarea .socialnetworking .section .headertext { float:left; width:auto; display:block; font-weight:bold }
.socialnetworkarea .socialnetworking .section .text { float:left; width:auto; position:relative }
.socialnetworkarea .socialnetworking a { color: #00153B; }
.socialnetworkarea .socialnetworking a:hover { color: #7f8b9c; }
.socialnetworkarea .socialnetworking .twittersection { float:left; padding:0 10px 0 0; width:120px }
.socialnetworkarea .socialnetworking .lastsection { float:left; width:180px }
.socialnetworkarea .tellafriend { float:left; width:450px }
.socialnetworkarea .tellafriendicon { float:right; margin:-25px 30px 10px 0; display:inline }
.socialnetworkarea .title { margin:0 0 10px 0 }
.socialnetworkarea .tellafriendtitle { margin-left:2px }
.socialnetworkarea .inputfield { position:relative; float:left; width:338px; margin:6px 0 0 4px; display:inline }
.socialnetworkarea .emailaddressfield { width:300px; border-top:1px solid #c1c1c1; border-left:1px solid #c1c1c1; border-bottom:1px solid #dedede; border-right:1px solid #dedede; padding:5px; background:#f8f8f8 }
.socialnetworkarea .button { margin:0; height: 39px; width: 40px; display:block; border:none; position:absolute; top:-6px; right:2px; clear:both; cursor:pointer }
#footer { width:100%; margin:0 auto; float: left; display: block; padding: 0 0 20px 0; }
#footer .footer-graphic { width:100%; height:109px; background: url(../../images/global/footer.jpg) no-repeat center top; margin:8px 0 0 0 }
#footer .nav-wrap { width:980px; margin:0 auto }
#footer .norwichheart { width:60px; float:right; margin:0 36px 0 0; display:inline }
#footer .bottom-nav { width:842px; float:left; font-size:1.16em; margin:32px 0 0 0; padding:0 0 0 8px; display:inline }
#footer .bottom-nav li { float:left; margin:0 28px 0 0; display:inline }
#footer .bottom-nav li a { color:#00153b; text-decoration:none }
#footer .bottom-nav li a:hover, #footer .bottom-nav li .selected { color:#7f8b9c }
#footer .bottom-subnav { width:842px; float:left; font-size:0.91em; padding:18px 0 0 8px }
#footer .bottom-subnav ul { float:left; width:auto }
#footer .bottom-subnav li { float:left; padding:0 14px 0 0; margin:0 12px 0 0; border-right:1px solid #a1aab6 }
#footer .bottom-subnav .last { border:none }
#footer .bottom-subnav li a { color:#00153b; text-decoration:none }
#footer .bottom-subnav li a:hover { color:#7f8b9c }
#footer .bottom-subnav li .selected { color:#7f8b9c }
#footer .bottom-subnav p { width:100%; float:left; color:#7f8b9c; margin:5px 0 0; line-height: 1.6em; }
#footer .bottom-subnav p a { color:#00153b; text-decoration:none }
#footer .bottom-subnav p a:hover { color:#7f8b9c }
/* Homepage styles */
.homepage #centrecolumn { width:100%; float:left }
.homepage #centrecolumn .welcome-panel { width:946px; float:left; padding:17px 17px 13px 17px }
.homepage #centrecolumn .welcome-panel .left { width:600px; float:left; }
.homepage #centrecolumn .welcome-panel .left h1 { color:#00173a; font-size:1.33em; font-weight:bold; }
#search_form .right { width:300px; float:right }
#search_form .inputfield { width:228px; text-align:right; position:relative; margin:-5px 0 0 0 }
#search_form .inputfield .searchinput { width:216px; border-top:1px solid #c1c1c1; border-left:1px solid #c1c1c1; border-bottom:1px solid #dedede; border-right:1px solid #dedede; padding:5px; background:#f8f8f8 }
#search_form .inputfield .button { border-style: none; position:absolute; top:-9px; right:-8px; clear:both; height: 43px; width: 39px; cursor:pointer }
.homepage #centrecolumn .row { float:left; width:100% }
.homepage #centrecolumn .largepanel { float:left; width:401px; min-height:237px; height:auto !important; height:237px; font-size:1.5em; line-height:22px; padding:35px 40px 0 40px; text-decoration:none; background:url('../../images/panels/large-panel-bg.jpg') no-repeat 0 0; position:relative; }
	.homepage #centrecolumn .largepanel h2 { font-size:1.5em; font-weight:bold; color:#ff3333;	line-height:1em; margin-bottom:15px;  }/* width:200px;*/
	.homepage #centrecolumn .largepanel p { margin:0 0 0 0; font-size:1em;width:185px; }
	.homepage #centrecolumn .largepanel .image { float:right; margin:0 0 0 10px; }
	.homepage #centrecolumn .largepanel .btn { position:absolute; bottom:25px; left:40px; clear:both; }
	.homepage #centrecolumn .largepanel.shopmuseumpanel { float:right; }
/*.homepage #centrecolumn .shoponlinepanel { background: url(../../images/panels/home-panels.jpg) no-repeat 0 0; margin:0 17px 0 0 }
.homepage #centrecolumn .shoponlinepanel:hover { background-position: 0 -277px; }
.homepage #centrecolumn .shopmuseumpanel { background: url(../../images/panels/home-panels.jpg) no-repeat -481px 0; min-height:165px; height:auto !important; height:165px; font-size:1.5em; line-height:22px; padding:112px 40px 0 40px }*/
/*.homepage #centrecolumn .shopmuseumpanel:hover, .homepage #centrecolumn .shopmuseumpanel:focus { background-position:-481px -277px; }*/
.homepage #centrecolumn .smallpanelrow { margin:13px 0 0 0 }
.homepage #centrecolumn .smallpanel { float: left; height: 200px; width: 192px; position:relative; margin:0 18px 0 0; padding:20px 20px 0 20px; text-decoration:none; background:url('../../images/panels/small-panel-bg.jpg') no-repeat 0 0; }
	.homepage #centrecolumn .smallpanel span.p { display: block; margin: .5em 0 0; }
	.homepage #centrecolumn .smallpanel h2 { font-size:1.3em; font-weight:bold; color:#003366; }
	.homepage #centrecolumn .smallpanel p { color:#000033; font-size:1.16em; margin:0; }
	.homepage #centrecolumn .smallpanel .image { float:right; width:75px; overflow:hidden; margin:0 0 0 10px; }
	.homepage #centrecolumn .smallpanel .btn { position:absolute; bottom:20px; left:20px; clear:both; }

.homepage #centrecolumn .lastsmallpanel { margin:0; width:190px }
/*.homepage #centrecolumn .shoponline { background: url(../../images/panels/small-homepage-panels.jpg) no-repeat left top; }
.homepage #centrecolumn .aboutnorwich { background: url(../../images/panels/small-homepage-panels.jpg) no-repeat -240px top; }
.homepage #centrecolumn .cookingwithcolmans { background: url(../../images/panels/small-homepage-panels.jpg) no-repeat -480px top; }
.homepage #centrecolumn .allaboutourmustard { background: url(../../images/panels/small-homepage-panels.jpg) no-repeat -720px top; }
.homepage #centrecolumn a.shoponline:hover { background: url(../../images/panels/small-homepage-panels.jpg) no-repeat left -221px; }
.homepage #centrecolumn a.aboutnorwich:hover { background: url(../../images/panels/small-homepage-panels.jpg) no-repeat -240px -221px; }
.homepage #centrecolumn a.cookingwithcolmans:hover { background: url(../../images/panels/small-homepage-panels.jpg) no-repeat -480px -221px; }
.homepage #centrecolumn a.allaboutourmustard:hover { background: url(../../images/panels/small-homepage-panels.jpg) no-repeat -720px -221px; }
.homepage #centrecolumn .smallpanel .p { font-size:1.16em; line-height:18px; float:left; margin:28px 0 0 0 }*/
/* Showpage styles */
.showpage #centrecolumn .titlerow { padding:11px 0 0 }
.showpage #centrecolumn .titlerow h3 { padding:11px 0 8px 0; margin:0 0 0 8px }
/* Shop listings styles */
.shoplistings .img-with-caption { position:relative; margin:14px 0 0 }
.shoplistings .img-with-caption .tr { top:-1px; right:-1px }
.shoplistings .img-with-caption .tl { top:-1px; left:-1px }
.shoplistings .img-with-caption .br { bottom:-2px; right:-1px }
.shoplistings .img-with-caption .bl { bottom:-2px; left:-1px }
.shoplistings .img-with-caption .caption { background: url(../../images/misc/img-caption-bg.png) repeat; position:absolute; bottom:0; left:0; clear:both; color:#fff; width:100%; }
.shoplistings .img-with-caption .caption span { padding:11px 22px 32px; display:block }
.toppagination { border-bottom:3px solid #eaeaea; padding:0 0 9px }
.bottompagination { border-top:3px solid #eaeaea; padding:0; margin:12px 0 0 }
/*.pagination .left { float:left; margin:20px 0 0 11px; display:inline }
.pagination .left select { float:left; margin:0 10px 0 0; display:inline; color:#000; font-size:0.91em }
.pagination .right { float:right; text-align:right; margin:15px 0 0; display:inline; width:275px; padding:0 7px 0 0 }
.pagination .right img { display:inline; margin:0 0 0 5px }
.pagination .right .buttons { float:right }
.pagination .right ul { float:right; padding: 0px; }
.pagination .right ul li { float:left; margin:0 0 0 5px; background: none; padding: 0px; }
.pagination .right ul li a { display:block; width:25px; text-align:center; color:#fff; background: url(../../images/misc/pagination-static-state.jpg) no-repeat left top; font-weight: bold; font-size: 1.33em; padding:2px 0 3px 0; text-decoration: none; }
.pagination .right ul li a:hover, .shoplistings .pagination .right ul li .selected { text-decoration:none; background: url(../../images/misc/pagination-hover-state.jpg) no-repeat left top; color: #003d7e; }
.shoplistings .listingrow { padding:12px 0 0 0; position:relative; margin:0; }*/
.shoplistings #centrecolumn .first-child { padding:22px 0 0 }
/* Basket page */
.basket .table-wrap { float:left; width:100%; position:relative; margin:14px 0 0 }
.basket .table-wrap .tr { top:0; right:-1px }
.basket .table-wrap .tl { top:0; left:-1px }
.basket .table-wrap .br { bottom:-4px; right:-4px }
.basket .table-wrap .bl { bottom:-4px; left:-4px }
.basket .table-wrap .basket-table { float:left; width:564px; background:#fffad2; color:#323232 }
.basket .table-wrap .basket-table .headers { color:#00173a; font-weight:bold; background: #fcf2a9 url(../../images/misc/basket-table-header-bg.jpg) repeat-x left bottom }
.basket .table-wrap .basket-table .headers td { padding:10px 0 }
.basket .table-wrap .basket-table .tablerow td { padding:14px 0 0 }
.basket .table-wrap .basket-table .delete { width:45px; text-align:center }
.basket .table-wrap .basket-table .delete img { display:inline }
.basket .table-wrap .basket-table .productname { width:304px }
.basket .table-wrap .basket-table .productname a { color:#003d7e; font-weight:bold; text-decoration:none }
.basket .table-wrap .basket-table .productname a:hover { text-decoration:underline }
.basket .table-wrap .basket-table .code { width:51px }
.basket .table-wrap .basket-table .price { width:54px }
.basket .table-wrap .basket-table .quantity { width:63px }
.basket .table-wrap .basket-table .quantity input { width:40px; border-top:1px solid #e2d98c; border-left:1px solid #e2d98c; border-bottom:1px solid #fcf2a9; border-right:1px solid #fcf2a9; text-align:center; margin:-3px 0 0; padding:4px 0 }
.basket .table-wrap .basket-table .total { width:98px }
.basket .table-wrap .basket-table .bottom-padding { padding:0; height:15px }
.basket .basketinfo p { color:#414141; float:left; padding:11px 0 0 9px }
.basket .basketinfo .update-quantities-row { margin:10px 0 0 }
.basket .basketinfo .update-quantities { float:right; display:inline; margin:7px 5px 0 0 }
.basket .shopping-total-row { margin:20px 0 0 }
.basket .shopping-total-row .left { float:left; padding:0 0 0 3px; display:inline }
.basket .shopping-total-row .right { /*float:right; width:320px; margin:5px 0 0*/ float:left; width:100%; padding:5px 0 0; }
.basket .shopping-total-row .right .name { float:left; width:270px; text-align:right; padding:0 0 8px; text-align:right; }
.basket .shopping-total-row .right .value { float:right; color:#000; font-weight:bold; width:250px; padding:0 20px 0 0; text-align:left; }
.basket .shopping-total-row .right .dropdown { float:right; width:270px;}
.basket .shopping-total-row .right select { float:left; width:250px; }

.basket .shopping-total-row .vouchers {
	width:100%;
	clear:left;
	margin:20px 0;
	padding:10px 0;
	border:2px #a9b6c3 solid;

	background:#d2dce6;
	background-image:-webkit-linear-gradient(270deg, #f0f5f8, #d2dce6);
	background-image:-moz-linear-gradient(270deg, #f0f5f8, #d2dce6);
	background-image:linear-gradient(270deg, #f0f5f8, #d2dce6);

	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

	.basket .shopping-total-row .vouchers h2 {
		margin:0 10px 10px;
		width:180px;
		height:17px;
		text-indent:-999em;
		background:transparent url(../../images/global/redeem-voucher-header.png) no-repeat scroll 0 0;
	}

	.basket .shopping-total-row .vouchers input.voucher-code {
		margin:0 10px;
		padding:5px;
		border:1px #c7cdd1 solid;
		float:left;
		width:240px;
	}

	.basket .shopping-total-row .vouchers input.voucher-submit {
		float:left;
		display:block;
		text-indent:-999em;
		width:100px;
		height:26px;
		border:0;
		background:transparent url(../../images/buttons/submit-code.png) no-repeat scroll 0 0;
	}

	.basket #centrecolumn .shopping-total-row .vouchers p {
		clear:both;
		float:none;
		padding:10px 0 0;
		margin:0 10px;
		color:#003976;
		font-weight:bold;
	}

.basket .shopping-order-total-row .right .large-value { float:right; width:98px; color:#ee3224; font-weight:bold; font-size:2.16em }
.basket .shopping-order-total-row .right .large-value small { font-size:0.61em }
.basket .shopping-order-total-row .right .name { float:left; width:202px; text-align:right; padding:0 0 10px }
.basket .shopping-order-total-row { margin:2px 0 0; padding:0 0 5px 0 }
.basket .order-total-margin { margin:12px 0 0 }
.basket .shopping-order-total-row .right { float:right; width:320px; margin:5px 0 0 }
.basket .small-divider { border-bottom:1px solid #eaeaea; padding:0 0 8px 0 }
.basket .large-divider { border-bottom:3px solid #eaeaea }
.basket .continue-shopping { float:left; margin:28px 0 0 }
.basket .checkout { float:right; margin:10px 16px 0 0; display:inline }
.ppdrop { float:left; width:215px; padding:0 5px 5px; }
.ppdrop select { float:left; width:215px; }
/*Contact us */
.contact-us h4 { color:#ee3224; font-size:1.75em; padding-top:14px }
.contact-us .send-us-your-enquires { padding-left:21px }
.contact-us .contact-left { float:left; width:520px }
.contact-us .contact-right { float:right; width:222px; }
.contact-us .contact-form { float:left; width:464px; background:#fdf8d4; margin:11px 0 0 5px; padding:4px 22px 15px; position:relative; display:inline }
.contact-us .contact-form .tr { top:-2px; right:-5px }
.contact-us .contact-form .tl { top:-2px; left:-5px }
.contact-us .contact-form .br { bottom:-2px; right:-5px }
.contact-us .contact-form .bl { bottom:-2px; left:-5px }
.contact-us .contact-form .address-field-two { margin: 5px 0 0 }
.contact-us .contact-form p { color:#373737 }
.contact-us .contact-form .row { padding:5px 0 0 }
.contact-us .contact-form label { float:left; width:110px; text-align:right; color:#373737; padding:0 0 6px }
.contact-us .contact-form select { color:#373737 }
.contact-us .contact-form .txtfield, .contact-us .contact-form textarea { border-top:1px solid #e4d352; border-left:1px solid #e4d352; border-right:1px solid #f7eead; border-bottom:1px solid #f7eead; width:322px; float:left; padding:5px 5px 5px 5px }
.contact-us .contact-form .inputfield { float:right; width:343px }
.compulsory { padding: 10px 0 10px 0 !important; }
.required { color:#f04d41; font-size:1.5em }
.recommend-friend .required { color: #F04D41; font-size: 1.5em; left: 3px; position: relative; top: -5px; }
.contact-us .contact-panel { width:213px; float:right; color:#414141; padding:6px 0 0; display:inline }
.contact-us .call-us { background: url(../../images/panels/call-us-panel.jpg) no-repeat left bottom; min-height:133px; height:auto !important; height:133px; padding:0 0 0 8px }
.contact-us .call-us h4 { padding:20px 0 0 }
.contact-us .email-us { min-height:104px; height:auto !important; height:104px; background: url(../../images/panels/email-us-panel.jpg) no-repeat left bottom; padding:0 0 0 8px }
.contact-us .email-us h4 { padding:6px 0 11px }
.contact-us .write-to-us { min-height:127px; height:auto !important; height:127px; background: url(../../images/panels/address-panel.jpg) no-repeat left bottom; padding:0 0 0 8px }
.contact-us .write-to-us h4 { padding:4px 0 11px 0px }
.contact-us .contact-details { padding-left:6px }
.contact-us .contact-panel .tel { font-size:1.16em; display:block; padding:13px 0 0 }
.contact-us .contact-panel .fax { font-size:1.16em; display:block; padding:5px 0 0 }
.contact-us .contact-panel h4 { font-size:1.33em; color:#414141 }
.contact-us .contact-panel .hyperlink { font-size:1em }
.contact-us .contact-panel a { color:#003d7e; font-weight:bold }
.contact-us .map { padding:8px 0 0 }
.contact-us .submit { width:103px; height:57px; border:none; cursor:pointer; margin:11px 0 0; display:block }
/* Checkout */
.checkoutheader #header #logo { margin:0 0 0 30px }
.checkoutheader #header { width:1011px }
.checkout #centrecolumn { margin:16px 0 0 }
.ie6 .checkout #centrecolumn { margin:0 }
.checkout h1 { padding:0 0 0 3px; font-size:2.33em; color:#000; float:left }
.checkout-form { float:left; width:100%; background:#fffad2; position:relative; margin:14px 0 0; padding:0 0 25px 0 }
.checkout-form em { color:#8c8c8c; font-size:0.91em }
.checkout-form .left { float:left; width:354px; padding:15px 0 0 }
.checkout-form .right { float:right; width:366px; padding:15px 0 0 19px }
.checkout-form .tr { top:-2px; right:-5px }
.checkout-form .tl { top:-2px; left:-5px }
.checkout-form .br { bottom:-2px; right:-5px }
.checkout-form .bl { bottom:-2px; left:-5px }
.checkout-form #address-2 { margin: 5px 0 0 }
.checkout-form .headerrow { background: url(../../images/misc/basket-table-header-bg.jpg) repeat-x left top; color:#00173a; font-weight:bold }
.checkout-form .headerrow h3 { padding: 5px 19px 10px; font-weight:bold; color:#00173a }
.checkout-form .row { padding:5px 0 0 }
.checkout-form .left .row { padding:3px 0 0 }
.checkout-form label { width:90px; text-align:right; color:#373737; padding:0 8px 0 0; display:inline-block; vertical-align:middle; }
.checkout-form select { color:#373737; margin:4px 0 0; display:inline; }
.checkout-form .txtfield { border-top:1px solid #e4d352; border-left:1px solid #e4d352; border-right:1px solid #f7eead; border-bottom:1px solid #f7eead; width:240px; padding:5px; display:inline; vertical-align:middle; }
.checkout-form textarea { border-top:1px solid #e4d352; border-left:1px solid #e4d352; border-right:1px solid #f7eead; border-bottom:1px solid #f7eead; width:327px; padding:5px; min-height:75px; height:auto !important; height:75px; }
.checkout-form .inputfield { float:right; width:255px; vertical-align:middle; }
.checkout-form select { vertical-align:middle; }
.checkout-form #country { width:251px; margin:4px 0 0; }
.checkout-form .newsletterrow { margin:10px 0 0 }
.checkout-form .newsletterrow .checkbox { display:inline; vertical-align:middle; margin:0 5px 0 0; }
.checkout-form .newsletterrow label { width:auto; }
.checkout-form .specialdeliveryrow label { width:auto; padding:0 0 5px; }
.checkout-form .continue-butt { float:right; margin:-43px 22px 0 0; position:relative; display:inline }
.checkout-form .fields-marked { margin:30px 0 0; display:block }
.checkout-form .existingaddress { float:left; width:336px; padding:0 0 0 18px; font-size:1.16em; }
.checkout-form .existingaddress label { padding:10px; background:#fff; border:1px solid #666; width:314px; display:block; text-align:left; border:1px solid #e4d352; margin:0 0 5px; cursor:pointer; float:left; }
.checkout-form .existingaddress label:hover, .existingaddress label.selected { background:#FFFAD2; border-bottom:1px solid #F7EEAD; }
.existingaddress label input { display:inline-block; margin:0 5px 0 0; float:left; }
.existingaddress label span { display:inline-block; margin:0 5px 0 0; width:225px; float:left; }
.checkout-form .existingaddress a { float:right; }
.checkout .review-basket { float:right; margin:1px 2px 0 0 }
.small-checkout-form { background: #fffad2; width:248px; float:left; display:inline; position:relative; margin:10px 5px 0 0; min-height:360px; height:auto !important; height:360px; padding:0 0 10px }
.last-checkout-form { margin:10px 0 0 !important }
.small-checkout-form .tr { top:-2px; right:-5px }
.small-checkout-form .tl { top:-2px; left:-5px }
.small-checkout-form .br { bottom:-2px; right:-5px }
.small-checkout-form .bl { bottom:-2px; left:-5px }
.small-checkout-form .headerrow { background: url(../../images/misc/basket-table-header-bg.jpg) repeat-x left top; color:#00173a; font-weight:bold }
.small-checkout-form .headerrow h3 { padding: 11px 23px; font-weight:bold; color:#00173a }
.small-checkout-form .cardholder { background:#fcf2a9; padding:12px; width:204px; float:left; display:inline; margin:8px 0 0 10px }
.small-checkout-form .amend-delivery-details-butt { /*float:left; margin:21px 0 0 23px; display:inline*/ margin: 0 auto; width: 169px; display: block; }
.small-checkout-form .amend-delivery-details { float:left; width:100%; padding:0 0 10px; display:none }
.small-checkout-form .row label { float:left; text-align:right; width:94px; margin:0 10px 0 0 }
.small-checkout-form .row input.field { float:left; border-top:1px solid #e4d352; border-left:1px solid #e4d352; border-right:1px solid #fffad2; border-bottom:1px solid #fffad2; background:#fff; padding:4px; width:128px }
.small-checkout-form .row .secondfield { float:right !important; margin:8px 6px 0 0; display:inline }
.small-checkout-form #bill_country { width:138px; }
.small-checkout-form input.smallfield { float:left; border-top:1px solid #e4d352; border-left:1px solid #e4d352; border-right:1px solid #fffad2; border-bottom:1px solid #fffad2; background:#fff; padding:4px; width:60px }
.cardicons { float:left; width:239px; background:#fff; padding:10px 0 5px 8px; margin:14px 0 0 }
.cardicons a { display:block }
.cardicons label { padding:0 0 5px; display:block }
.card1 a { background: url(../../images/icons/card-visa.gif) no-repeat left top; height: 39px; width: 57px; }
.card1 a:hover, .card1 a.selected { background: url(../../images/icons/card-visa-hover.gif) no-repeat left top }
.card2 a { background: url(../../images/icons/card-mastercard.gif) repeat left top; height: 39px; width: 57px; }
.card2 a:hover, .card2 a.selected { background: url(../../images/icons/card-mastercard-hover.gif) no-repeat left top; }
.card3 a { background: url(../../images/icons/card-maestro.gif) no-repeat left top; height: 39px; width: 57px; }
.card3 a:hover, .card3 a.selected { background: url(../../images/icons/card-maestro-hover.gif) no-repeat left top; }
.card4 a { background: url(../../images/icons/card-solo.gif) no-repeat left top; height: 39px; width: 31px; }
.card4 a:hover, .card4 a.selected { background: url(../../images/icons/card-solo-hover.gif) no-repeat left top; }
.card1, .card2, .card3, .card4 { display:inline; float:left; margin:0 9px 0 0; text-align:center; }
.small-checkout-form .row { padding:10px 0 0 }
.small-checkout-form .basket-details { background:#fcf2a9; float:left; width:225px; margin:0 0 0 10px; display:inline; padding:9px 0 0 }
.small-checkout-form .review-basket-butt { float:left; display:inline; padding:10px 0; margin:0 0 0 19px }
.small-checkout-form .basket-details .name { float:left; width:133px; text-align:right }
.small-checkout-form .basket-details .row { padding:0 0 10px }
.small-checkout-form .basket-details .total { float:right; width:75px }
.small-checkout-form select { float:left }
.small-checkout-form em { color:#8c8c8c; line-height:16px; font-size:0.91em; display:block; clear:both; padding:15px 20px }
.small-checkout-form em img { display:inline; margin:0 3px }
.small-checkout-form em a { color:#8c8c8c; text-decoration:underline }
.small-checkout-form em a:hover { text-decoration:none }
.small-checkout-form .place-order { background: url(../../images/buttons/place-order.gif) no-repeat center top; height: 79px; width: 100%; display:block; border:none; cursor:pointer }
.small-checkout-form .delivery-address-tickbox { float:left; width:205px; margin:14px 0 0 21px; display:inline }
.small-checkout-form p { display:block; padding:10px 21px 0; clear:both }
.small-checkout-form .addressrow { float:left; background:none repeat scroll 0 0 #FCF2A9; display:inline; float:left; margin:8px 0 0 10px; padding:12px; width:204px; }
.small-checkout-form .addressrow strong { display:block; padding:0 0 10px }
.small-checkout-form .addressrow input, .small-checkout-form .addressrow label, .small-checkout-form .addressrow a { float:left; display:inline }
.small-checkout-form .addressrow label { margin:0 5px 0 0 }
.small-checkout-form .addressrow a { text-decoration:underline; margin:4px 0 0 10px }
.small-checkout-form .amend-delivery-info-butt { float:left; margin:10px 0 0 10px; display:inline; text-decoration:underline }
.login-form { float:left; padding:5px 20px; background:#FFFAD2; width:330px; margin:15px 15px 0 0; color:#373737; min-height:175px; height:auto !important; height:175px; position:relative; }
.login-form .row { padding:0 0 5px; }
.login-form .buttonrow { padding:10px 0 0; }
.login-form h3 { font-weight:bold; padding:0 0 5px; background:url(../../images/misc/basket-table-header-bg.jpg) repeat-x left top; color:#00173A; padding:10px 19px 10px; margin:-5px -20px 10px; }
.login-form.register { margin-right:0; }
.login-form label { display:inline-block; vertical-align:middle; width:120px; }
.login-form .inputfield { display:inline; vertical-align:middle; padding:5px; border-color:#E4D352 #F7EEAD #F7EEAD #E4D352; border-style:solid; border-width:1px; width:195px; }
.login-form .forgot-password { text-decoration:underline; margin:0 0 0 10px; vertical-align:middle; }
.login-form .btn { vertical-align:middle; }
.login-form .tr { top:-2px; right:-5px; }
.login-form .tl { top:-2px; left:-5px; }
.login-form .bl { bottom:-2px; left:-5px; }
.login-form .br { bottom:-2px; right:-5px; }
.thank-you-template .small-checkout-form { min-height:200px; height:auto !important; height:200px; }
.items-ordered { float:left; width:735px; background:#FFFAD2; padding:0 10px 10px; position:relative; margin:10px 0 0; }
.items-ordered .headerrow { background: url(../../images/misc/basket-table-header-bg.jpg) repeat-x left top; color:#00173a; font-weight:bold; margin:0 -10px; }
.items-ordered .headerrow h3 { padding: 11px 23px; font-weight:bold; color:#00173a }
.items-ordered .tr { top:-2px; right:-5px; }
.items-ordered .tl { top:-2px; left:-5px; }
.items-ordered .bl { bottom:-2px; left:-5px; }
.items-ordered .br { bottom:-2px; right:-5px; }
.items-ordered table { background:#fff; width:100%; font-size:0.91em; margin:8px 0 0; }
.items-ordered table th { background:#FCF2A9; color:#333; font-weight:bold; border-right:1px solid #fff; padding:8px 12px; font-size:1.09em; }
.items-ordered table td { padding:6px 12px; }
.items-ordered table .sub-total-postage { font-size:1.18em; }
.items-ordered table .order-total { font-size:1.45em; color:#EE3224; }
.items-ordered table .sub-total-postage-price { font-size:1.09em; }
.items-ordered table strong { font-size:1.09em; }
.items-ordered table .divider { border-top:1px solid #eee; padding-top:15px; }
.items-ordered table .order-cell { padding-bottom:15px; }
.items-ordered table .last { border:none; }
/* ------------- News Listings */
.list_block { display: inline-block; margin: 0 12px 0 0; float:left; border-bottom: 1px dotted #e3e3e3; padding: 20px 0 20px 0; }
.list_block img, .latest_news img { padding: 2px; border: 1px solid #e3e3e3; display: inline-block; float: right; margin-left:10px; }
.list_block .text_block { float: left; width: 550px; display:inline; margin: 0 0 0 16px; }
.list_block .text_block h4 { color: #002a63; font-size: 1em; font-weight: bold; }
.list_block .text_block p { margin: 0px; padding: 0px; }
.list_block .text_block a.read_more { color: #003D7E; font-size: 1em; display: inline-block; }
.post_date { color: #555555; font-size: 1em; font-style: italic; margin: 10px 0; display: block; clear: both; }
/* ------------- News Showpage */
.news-story { display: inline-block; float: left; width: 747px; margin: 20px 0 0 0; }
.news-story em { clear:both; color:#555555; display:block; font-size:1em; font-style:italic; margin:0 0 10px 0; }
.news-story p { margin: 0px; padding: 0px; }
.news-story-image { display: inline-block; float: right; margin: 0 0 20px 20px; padding: 2px; border: 1px solid #E3E3E3; }
.errormessage { background: #cc0000; }
.errormessage a { color: #fff !important; text-decoration: none; border-bottom: 1px dotted #fff !important; }
.alertmessage { background: #009933; }
.errormessage, .alertmessage { float: left; width: 100%; padding: 5px 0 5px 0; text-align: center; color: #fff !important; }
.errormessage p, .alertmessage p { color: #fff !important; }
#hotdeal_scroller1 { width: 564px !important; }
.slider-controls { float: left; display: block; width:100%; border-bottom: 3px solid #eaeaea; padding: 0 0 10px 0; }
.slider-controls .leftarrow { float: left; display: block; }
.slider-controls .rightarrow { float: right; display: block; }
.print-btn a { background: url(../../images/buttons/print-button.gif) no-repeat top left; height: 21px; width: 64px; display: block; clear: both; position: absolute; right: 16px; top: 11px; text-indent: -9000px; outline: none; }
.print-btn a:hover { background-position: bottom left; }
.back-btn { float: left; display: block; width: 100%; border-top: 3px solid #eaeaea; margin: 20px 0 0 0; padding: 15px 0 0 0!important; }
.back-btn a { background: url(../../images/buttons/back-btn.jpg) no-repeat top left; height: 26px; width: 80px; display: block; clear: both; text-indent: -9000px; outline: none; }
.back-btn a:hover { background-position: bottom left; }
.continue-shopping { float: left; display: inline-block; }
.continue-shopping a { background: url(../../images/buttons/continue-shopping-2.jpg) no-repeat top left; height: 26px; width: 169px; display: block; clear: both; text-indent: -9000px; outline: none; }
.continue-shopping a:hover { background-position: bottom left; }
.checkout-btn { float: right; display: inline-block; }
.checkout-btn a { background: url(../../images/buttons/checkout-btn-2.jpg) no-repeat top left; height: 68px; width: 129px; display: block; clear: both; text-indent: -9000px; outline: none; }
.checkout-btn a:hover { background-position: bottom left; }
/* Pagination */
.pagination { clear:both; float: left; width:100%; padding: 10px 0; }
.pagination .left { float:left; }
.paginationbottom { margin: 15px 0 0; }
.pagination .count { float:left; font-size:1.16em; color:#565656; padding: 5px 0 0 10px; font-weight: bold; }
.pagination ul { float:right; margin: 0 10px 0 0; padding:0; }
.pagination ul li { float:left; padding:5px 0 0 8px; list-style:none; background:none; }
.pagination li a { color:#003D7E; font-size:1.1em; font-weight: bold;  float:left; }
.pagination .prev a, .pagination .prev a:hover, .pagination .prev a.selected, .pagination .prev a:active, .pagination .prev a:focus, .pagination .next a, .pagination .next a:hover, .pagination .next .selected, .pagination .next a:active, .pagination .next a:focus { border: none; background:none; font-weight: bold; }
.pagination .next { display:block; width:52px; height:24px; background:url(../../images/buttons/pagination-next.jpg) no-repeat left top; margin:-5px 0 0 5px; text-indent:-999px; overflow:hidden; padding:0; border:none; position:relative; }
.pagination .next:hover { background:url(../../images/buttons/pagination-next-over.jpg) no-repeat left top }
.pagination .previous { display:block; width:52px; height:24px; background:url(../../images/buttons/pagination-prev.gif) no-repeat left top; margin:-5px 0 0 5px; text-indent:-999px; overflow:hidden; padding:0; border:none; position:relative; }
.pagination .previous:hover { background:url(../../images/buttons/pagination-prev-over.gif) no-repeat left top }
/* Amends done by Gary 19/01/2011 */
.onlineshopbanner { float:left; width:100%; }
.onlineshopbanner a { display:block; width:564px; height:261px; background:url(../../images/banners/colmans-gift-banner.jpg) no-repeat 0 0; text-indent:-999em; overflow:hidden; }
.onlineshopbanner a:hover, .onlineshopbanner a:focus  { background:url(../../images/banners/colmans-gift-banner-over.jpg) no-repeat 0 0;}

.three-col #centrecolumn .product-notify {
	background: url(../../images/products/notify-bg.png) no-repeat 0 0;
	width: 219px;
	height: 45px;
	padding: 16px 20px;
}

.three-col #centrecolumn .product-notify p {
	color: #001a3b;
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 16px;
}