@charset "utf-8";

html {overflow-y:scroll;}
body {margin:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#2e2e2e;}
.clr {clear:both;line-height:0;font-size:0}
li {margin:0; padding:0;}
p {margin:0; padding:5px 0;}
ul {list-style:none; margin:0; padding:0; }
img {border:none;}
a {text-decoration:none; color:#af262c;}
a:hover {color:#80171c;}
h1, h2 {text-transform:uppercase; color:#af262c; font-weight:normal; margin:0;}
h1 {font-size:21px;}
h2 {font-size:17px;}
table, th, tr, td {border-collapse:collapse;}
.medium{width:200px}
.textbox, select{padding:2px;border:solid 1px #d9d9d9}
select.small{width:100px}
.validationsummary{width:500px;margin:10px 0 10px 0;padding:10px;color:#3e3e3e !important;border:1px solid #e7e7e7;font-weight:bold}
.validationsummary ul{font-weight:normal;margin-top:10px;color:#af262c}
.validationsummary li{list-style-type:disc;margin:0 0 5px 15px;}
hr{border:0px;border-top:solid 1px #ABADB3;margin-top:10px;height:1px;}
.floatl{float:left}
.search-results{font-size:20px}
.search-results .searchterm{color:#af262c}
strong{color:#af262c;}
.smalll-font{font-size:11px;color:#af262c}
/*--------------- Site Specific ----------------*/
.cta { font-size:13px; text-transform:uppercase; background:url(images/arrow.gif) right no-repeat; padding-right:10px;}

/*--------------- Layout ----------------*/
body {background:url(images/tile-default.jpg) top center;}

#wrapper {width:1012px; margin:auto; position:relative;}
#wrapper .tag {background:url(images/tag-default.gif); width:31px; height:148px; position:absolute; right:0; top:0; z-index:1;}
#innerwrapper {width:910px; padding:0 51px; background:url(images/container-bg.png) bottom repeat-y; -background:#fff; -width:910px; -margin:auto; -padding:0 20px;}

#footerwrapper {width:1012px; height:185px; position:relative;}
#footerwrapper #footer {background:url(images/footer-default.jpg) right no-repeat #8a202e;}
#footerwrapper #footer div{float:left;width:170px;padding:6px 0 0 20px;border-right:solid 1px #9b3f4c;height:100px; }
#footerwrapper #footer ul {color:#d0a6ab;}
#footerwrapper #footer .heading {text-transform:uppercase; color:#FFF; font-size:14px; padding-bottom:3px;}
#footerwrapper #footer .last{border:none;}
#footerwrapper #footer a {color:#ca9ea4;}
#footerwrapper #footer a:hover, body#luxury #footer a:hover {color:#FFF;}
.mainnav li.last, .basket ul li.last {border:none; background:none;}
#footerwrapper #footer ul li a:hover {color:#FFF;}
#footerwrapper #leftshadowfoot {width:31px; height:164px; float:left; background:url(images/shadowleft-bottom.png) top no-repeat; -background:url(images/blank.gif);}
#footerwrapper #footer {width:946px; height:110px; padding:20px 0; border:solid 2px #FFF; border-top:solid 12px #FFF; float:left;}
#footerwrapper #rightshadowfoot {width:31px; height:164px; float:left; background:url(images/shadowright-bottom.png) top no-repeat; -background:url(images/blank.gif);}
#footerwrapper .copyright {color:#d8d7d7; font-size:12px; margin:0; padding:0; position:absolute; right:31px; bottom:0; clear:left;}

/*--------------- Navigation ----------------*/
.mainnav {width:910px; height:27px; clear:left; background:#2e2e2e; padding-top:6px; text-transform:uppercase; margin-bottom:1px;}
.mainnav li {display:inline; border-right:solid 1px #757575; padding:0 18px;position:relative}
.mainnav li a {color:#FFF;}
.mainnav li a:hover {color:#cdcdcd;}

.mainnav ul{display:none;padding:10px 0 10px 0}
.mainnav li:hover ul{display:block;width:123px; position:absolute;z-index:1; top:18px;left:0;background:#2e2e2e;}
.mainnav li:hover ul li {padding:5px 0 5px 8px; height:18px; display:block;width:161px;border:none}
.mainnav li:hover ul li a{display:inline;padding:0 0 0 10px;color:#fff;font-weight:normal;}
.mainnav li:hover ul li a:hover {color:#cdcdcd;}
.mainnav li ul li a:hover{display:inline; background:url(images/arrow-blue.gif) left no-repeat;padding:0 0 0 10px}

/*--------------- Category Navigation ----------------*/
#categories {display:block; width:910px; background:url(images/leftnav-default.gif) top left repeat-y; margin-top:9px; }
#leftnav {width:228px; display:block; float:left; background:url(images/leftnavtop-default.gif) top left no-repeat; padding-bottom:40px; }
#leftnav ul {font-size:18px; padding:10px 25px 0px 15px; color:#FFF; }
#leftnav ul li.categoryheader {font-size:25px; text-transform:uppercase; color:#FFF; }
#leftnav ul li {float:left; display:block; padding:10px 0 10px 10px; width:188px; -width:170px;}
#leftnav ul li a {text-transform:uppercase; font-size:17px; color:#FFF;}
#leftnav ul li a:hover {color:#f1b4bc;}
#leftnav ul li.current {background:url(images/arrow-red.gif) no-repeat; background-position:0 16px; }
#leftnav ul li .caption {font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#f1b4bc; display:block;}
#rightpanel { width:662px; float:right; padding-bottom:40px; }
#breadcrumb { display:block; text-transform:uppercase; color:#8e8b8b; padding-bottom:8px;}
#breadcrumb a {background:url(images/arrow.gif) right no-repeat; padding:0 10px 1px 0; margin-right:5px;}
#categoryheader {width:644px; height:202px; background:#d9d9d9; padding:6px 12px 6px 6px; font-size:16px;}
#categoryheader img {float:left; margin-right:15px;}
#categoryheader p{margin:0;padding:0}
#categoryheader h1 {font-size:40px; font-family:Georgia, "Times New Roman", Times, serif; margin-top:5px;}
#categoryheader .strapline {font-size:24px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}

/*--------------- Category page ----------------*/
.product {width:215px; float:left; margin:20px 8px 0 0; font-size:15px;height:170px}
.product.last {margin-right:0;}
.product img {border: solid 1px #c7c7c7;}
.product .image{width:213px; height:114px;position:relative;}
.product .sale {background:url(images/button-sale.gif) no-repeat; width:68px; height:23px;display:block;position:absolute; top:10px; right:10px;padding:0}
.title {display:block; text-transform:uppercase; background:url(images/arrow-product.gif) no-repeat right 3px; float:left; padding-right:12px;width:190px; margin-top:4px}
a .title {color:#2e2e2e;}
a:hover .title {color:#af262c;}
.price { display: block; clear:left; font-family:Georgia, "Times New Roman", Times, serif; color:#af262c; }

/*--------------- Product page ----------------*/
#productdetails {width:290px; float:left;}
#productdetails h1 {color:#2e2e2e; margin-top:5px;}
#productdetails .price {font-size:23px; margin:1px 0 10px 0;}
#productdetails strong {color:#af262c;}
#productwrap {float:right; width:335px; position:relative; padding-top:5px;}

#tabs {width:35px; float:right; background:url(images/tab-top.gif) top no-repeat; padding-top:9px;}
#tabs ul {background:url(images/tab-bottom.gif) bottom no-repeat; padding-bottom:5px;}
#tabs ul li {position:relative;font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; width:35px; height:37px;background:url(images/tab-default.gif); }
#tabs ul li a {cursor:pointer;color:#e9e8e8; width:24px; height:34px; background:url(images/tab-default.gif); display:block; padding:4px 0 0 11px;}
#tabs ul li a.current, #tabs ul li a:hover {background:url(images/tab-current.gif);}

#productwrap #image {position:relative;border: solid 1px #c7c7c7;float:left; width:298px; overflow:hidden;height:298px;z-index:1}
#full {position:absolute;z-index:5;left:-502px;top:-502px;width:1302px;height:1302px}
#full img {cursor:move;display:none;left:251px;top:251px}
#zoom {position:absolute;top:261px; left:10px; width:32px; height:31px; display:block; cursor:pointer;z-index:10;display:none}
div.in {background:url(images/zoom.gif)}
div.out {background:url(images/zoom-out.gif)}

#swatch {display:block; clear:left; text-transform:uppercase;}
#swatch p {display:block;}
#swatch img {border:1px solid #C7C7C7; padding:1px; float:left; margin:0 10px 7px 0}
#swatch a{cursor:pointer;}

#stock  {width:278px; border-bottom:solid 1px #c7c7c7; margin-top:20px;}
#stock .head { background:#2e2e2e; color:#FFF; font-size:11px;}
#stock .head th {padding:2px 0;width:32px;} 
#stock .head th.option {text-align:left; text-transform:uppercase; padding-left:5px;} 
#stock tr.head {border-left:solid 1px #2e2e2e; border-right:solid 1px #2e2e2e;}
#stock tr {border-left:solid 1px #c7c7c7; border-right:solid 1px #c7c7c7;}
#stock td.colour {background:#d9d9d9; width:108px; padding:3px 5px;}
#stock td {border-right:solid 1px #c7c7c7;}
#stock td div{text-align:center;padding-left:6px}
.productoption {float:left; padding:10px 10px 10px 0; font-size:13px; text-transform:uppercase;}
ul.stock {padding:8px 0 10px 0; font-size:11px;}
ul.stock li {text-transform:uppercase; display:inline; padding-left:15px; margin-right:10px;}
ul.stock li.instock{ background:url(images/in-stock.gif) left no-repeat; padding-left:20px; }
ul.stock li.lowstock {background:url(images/low-stock.gif) left no-repeat;padding-left:20px;}
li.nostock {background:url(images/no-stock.gif) left no-repeat;}

.optionlabel { display:block; float:left; }
.optionfields {width:55px; height:22px; float:left; clear:left; border:solid 1px #abadb3; margin:5px 2px 0 0; font-size:11px; padding-top:2px;}
.optionfields-wide { width:120px; height:22px; float:left; clear:left; border:solid 1px #abadb3; margin:5px 2px 0 0; font-size:11px; padding-top:2px;}
.addtobasket {display:block; float:left; height:29px; width:160px; cursor:pointer; background:url(images/add-basket.gif) top no-repeat; border:none; clear:left; margin-top:20px;}

/*--------------- Home page Specific ----------------*/
body.home #flashpanel {width:910px; height:250px; margin-bottom:10px;}
body.home .homebanner {width:297px; height:170px; display:block; float:left; margin-right:9px; -margin-right:8px;}
body.home .homebanner_end {width:297px; height:170px; display:block; float:right; }
body.home #homecopy {float:right; width:588px; border-left:solid 1px #cecece; padding:0 0 0 20px; margin:20px 0;}
body.home #news {float:left; width:280px; margin-top:20px;}
body.home #delivery {background:#dddddc; width:894px; display:block; clear:both; height:24px; margin-top:10px; text-transform:uppercase; font-size:15px; padding:10px 8px;}
body.home #delivery li {display:inline; background:url(images/delivery-arrow.gif) right no-repeat; padding-right:12px; margin-right:10px;}

/*--------------- Luxury styles ----------------*/
body.luxury {background:url(images/tile-luxury.jpg) top center;}
body.luxury #wrapper .tag {width:31px; height:146px; position:absolute; right:0; top:0; background:url(images/tag-luxury.gif); z-index:1;}
body.luxury #footerwrapper #footer {background:url(images/footer-luxury.jpg) top right no-repeat #301e4d;}
body.luxury #footerwrapper #footer div{float:left;width:170px;padding:6px 0 0 20px;border-right:solid 1px #493963;height:100px; }
body.luxury #footerwrapper #footer a {color:#988fa6;}
body.luxury #categoryheader h1, body.luxury #categoryheader .strapline { color:#5c4089;}
body.luxury #categories {background:url(images/leftnav-luxury.gif) top left repeat-y;}
body.luxury #leftnav {background:url(images/leftnavtop-luxury.gif) top left no-repeat;}
body.luxury #leftnav ul li.current {background:url(images/arrow-purple.gif) no-repeat; background-position:0 16px; }
body.luxury #leftnav ul li .caption, body.luxury #leftnav ul li a:hover {color:#dbcce3;}
body.luxury #footerwrapper #footer .last {border:none; background:none;}
/*--------------- Womenswear styles ----------------*/
body.girls{background:url(images/tile-wool.jpg) top center;}
body.girls #wrapper .tag {width:31px; height:146px; position:absolute; right:0; top:0; background:url(images/tag-girls.gif); z-index:1;}
body.girls #footerwrapper  #footer {background:url(images/footer-girls.jpg) bottom right no-repeat #93518a;}
body.girls #footerwrapper #footer div{float:left;width:170px;padding:6px 0 0 20px;border-right:solid 1px #a06698;height:100px; }
body.girls #footerwrapper  #footer a {color:#c9a8c5;}
body.girls #categoryheader h1, body#girls #categoryheader .strapline { color:#9f5ea1;}
body.girls #categories {background:url(images/leftnav-girls.gif) top left repeat-y;}
body.girls #leftnav {background:url(images/leftnavtop-girls.gif) top left no-repeat;}
body.girls #leftnav ul li.current {background:url(images/arrow-pink.gif) no-repeat; background-position:0 16px; }
body.girls #leftnav ul li a:hover, body.girls #leftnav ul li .caption {color:#f1c6dd;}
body.girls #footerwrapper #footer .last {border:none; background:none;}
body.girls .copyright {color:#000;}
/*--------------- Sports styles ----------------*/
body.sports{background:url(images/tile-stripes.jpg) top center;}
body.sports .number{background:url(images/number-nine.png) no-repeat bottom left; width:140px; height:190px; position:absolute; top:0; left:-90px; z-index:-1;}
body.sports .numberbottom{background:url(images/two.png) no-repeat bottom left; width:89px; height:198px; position:absolute; bottom:55px; right:-60px; z-index:-1;}
body.sports #wrapper .tag {width:31px; height:148px; position:absolute; right:0; top:0; background:url(images/tag-sports.gif); z-index:1;}
body.sports #footerwrapper #footer {background:url(images/footer-sports.jpg) bottom right no-repeat #37373b;}
body.sports #footerwrapper #footer div{float:left;width:170px;padding:6px 0 0 20px;border-right:solid 1px #4f4f53;height:100px; }
body.sports #footerwrapper #footer a {color:#9b9b9d;}
body.sports #footer a:hover {color:#fff;}
body.sports #categoryheader h1, body.sports #categoryheader .strapline { color:#71852c;}
body.sports #categories {background:url(images/leftnav-sports.gif) top left repeat-y;}
body.sports #leftnav {background:url(images/leftnavtop-sports.gif) top left no-repeat;}
body.sports #leftnav ul li.current {background:url(images/arrow-sports.gif) no-repeat; background-position:0 16px; }
body.sports #leftnav ul li .caption, body.sports #leftnav ul li a:hover {color:#c3ce9d;}
body.sports #footer ul.last {border:none; background:none;}
body.sports .copyright {color:#000;}
/*--------------- Accessories ----------------*/
body.accessories {background:url(images/tile-knit.jpg) top center; }
body.accessories #wrapper .tag {width:31px; height:146px; position:absolute; right:0; top:0; background:url(images/tag-accessories.gif); z-index:1;}
body.accessories #footerwrapper  #footer {background:url(images/footer-accessories.jpg) bottom right no-repeat #343a72;}
body.accessories #footerwrapper #footer div{float:left;width:170px;padding:6px 0 0 20px;border-right:solid 1px #43497e;height:100px; }
body.accessories #footerwrapper  #footer a {color:#868aac;}
body.accessories #categoryheader h1, body.accessories #categoryheader .strapline { color:#3c448c;}
body.accessories #categories {background:url(images/leftnav-accessories.gif) top left repeat-y;}
body.accessories #leftnav {background:url(images/leftnavtop-accessories.gif) top left no-repeat;}
body.accessories #leftnav ul li.current {background:url(images/arrow-accessories.gif) no-repeat; background-position:0 16px; }
body.accessories #leftnav ul li .caption, body.accessories #leftnav ul li a:hover {color:#9295b4;}
body.accessories #footerwrapper #footer .last {border:none; background:none;}
body.accessories .copyright {color:#29306c;}
/*--------------- Accessories ----------------*/
body.socks {background:url(images/tile-knit.jpg) top center; }
body.socks #wrapper .tag {width:31px; height:146px; position:absolute; right:0; top:0; background:url(images/tag-growlers.gif); z-index:1;}
body.socks #footerwrapper  #footer {background:url(images/footer-accessories.jpg) bottom right no-repeat #343a72;}
body.socks #footerwrapper #footer div{float:left;width:170px;padding:6px 0 0 20px;border-right:solid 1px #43497e;height:100px; }
body.socks #footerwrapper  #footer a {color:#868aac;}
body.socks #categoryheader h1, body.accessories #categoryheader .strapline { color:#3c448c;}
body.socks #categories {background:url(images/leftnav-accessories.gif) top left repeat-y;}
body.socks #leftnav {background:url(images/leftnavtop-accessories.gif) top left no-repeat;}
body.socks #leftnav ul li.current {background:url(images/arrow-accessories.gif) no-repeat; background-position:0 16px; }
body.socks #leftnav ul li .caption, body.accessories #leftnav ul li a:hover {color:#9295b4;}
body.socks #footerwrapper #footer .last {border:none; background:none;}
body.socks .copyright {color:#29306c;}
/*--------------- Casual ----------------*/
body.casual {background:url(images/tile-blueknit.jpg) top center; }
body.casual .buttons { background:url(images/buttons.png) repeat-y ; width:95px; height:800px; position:absolute; top:80px; left:-90px; z-index:-1;}
body.casual #wrapper .tag {width:31px; height:197px; position:absolute; right:0; top:0; background:url(images/tag-casual.gif); z-index:1;}
body.casual #footerwrapper #footer {background:url(images/footer-casual.jpg) bottom right no-repeat #262d54;}
body.casual #footerwrapper #footer div{float:left;width:170px;padding:6px 0 0 20px;border-right:solid 1px #404769;height:100px; }
body.casual #footerwrapper  #footer a {color:#9396aa;}
body.casual #categoryheader h1, body.casual #categoryheader .strapline { color:#313c79;}
body.casual #categories {background:url(images/leftnav-casual.gif) top left repeat-y;}
body.casual #leftnav {background:url(images/leftnavtop-casual.gif) top left no-repeat;}
body.casual #leftnav ul li.current {background:url(images/arrow-casual.gif) no-repeat; background-position:0 16px; }
body.casual #leftnav ul li .caption, body.casual #leftnav ul li a:hover {color:#a6abc5;}
body.casual #footerwrapper #footer .last {border:none; background:none;}
#leftnav ul li ul {font-family:Georgia, "Times New Roman", Times, serif;  margin:0; padding:2px 0 0 5px;}
#leftnav ul li ul li { padding:1px 0 1px 0px; width:168px; -width:150px; }
#leftnav ul li ul li a{ padding:0px; font-size:13px; color:#fff; text-transform:none; }
body.casual #leftnav ul li ul li a{ padding:0px; font-size:13px; color:#b7afc4; text-transform:none; }
#leftnav ul li ul li a:hover {color:#f1b4bc;}
body.casual #leftnav ul li ul li a:hover {color:#FFF;}
/*--------------- Polos ----------------*/
body.polos {background:url(images/tile-dogs.jpg) top center; }
body.polos #wrapper .tag {width:31px; height:148px; position:absolute; right:0; top:0; background:url(images/tag-polos.jpg); z-index:1;}
body.polos #footerwrapper #footer {background:url(images/footer-polos.jpg) bottom right no-repeat #255282;}
body.polos #footerwrapper #footer div{float:left;width:170px;padding:6px 0 0 20px;border-right:solid 1px #406791;height:100px; }
body.polos #footerwrapper #footer a {color:#92a9c1;}
body.polos #categoryheader h1, body.polos #categoryheader .strapline { color:#2a5889;}
body.polos #categories {background:url(images/leftnav-polos.gif) top left repeat-y;}
body.polos #leftnav {background:url(images/leftnavtop-polos.gif) top left no-repeat;}
body.polos #leftnav ul li.current {background:url(images/arrow-polos.gif) no-repeat; background-position:0 16px; }
body.polos #leftnav ul li .caption, body.polos #leftnav ul li a:hover {color:#84a1c0;}
body.polos #footerwrapper #footer .last {border:none; background:none;}
/*--------------- Fun styles ----------------*/
body.fun{background:url(images/tile-dots.jpg) top center;}
body.fun #wrapper .tag {width:31px; height:146px; position:absolute; right:0; top:0; background:url(images/tag-fun.gif); z-index:1;}
body.fun #footerwrapper  #footer {background: url(images/footer-fun.gif) bottom right no-repeat #3e396f;}
body.fun #footerwrapper #footer div{float:left;width:170px;padding:6px 0 0 20px;border-right:solid 1px #555181;height:100px; }
body.fun #footerwrapper #footer a {color:#9f9cb7;}
body.fun #footerwrapper #footer .last {border:none; background:none;}
body.fun #categoryheader h1, body.fun #categoryheader .strapline { color:#a12e51;}
body.fun #categories {background:url(images/leftnav-fun.gif) top left repeat-y;}
body.fun #leftnav {background:url(images/leftnavtop-fun.gif) top left no-repeat;}
body.fun #leftnav ul li.current {background:url(images/arrow-fun.gif) no-repeat; background-position:0 16px; }
body.fun #leftnav ul li .caption, body.fun #leftnav ul li a:hover {color:#db98ac;}

/*--------------- Special Offer styles ----------------*/
body.offer {background:url(images/tile-vege.jpg) top center;}
body.offer #footerwrapper #footer {background:url(images/footer-offers.gif) right no-repeat #8a202e;}
body.offer #wrapper .tag {width:31px; height:146px; position:absolute; right:0; top:0; background:url(images/vege-tag.gif); z-index:1;}


/*--------------- Site Specific ----------------*/
.cta { font-size:13px; text-transform:uppercase; background:url(images/arrow.gif) right no-repeat; padding-right:10px;}
#contentpage { border:solid 1px #d9d9d9; margin-top:10px; padding:25px 35px 35px 35px;}
#contentpage h1 {margin:0 0 15px 0; padding:0;}

.paging {float:right;margin:20px 0 0 0;}
.paging-bottom{margin:40px 0 0 0;}
.paging a {margin-left:3px;padding:0 0 8px 4px;text-decoration:none;color:#af262c;display:block;float:left;height:10px;width:12px;cursor:pointer;font-weight:bold}
.paging div {float:left;height:15px;line-height:15px;padding:3px 2px 0 2px;color:#af262c}
.paging a.current{color:#fff;background-color:#af262c}
.paging a.next, .paging a.previous{width:80px;text-transform:uppercase;font-weight:bold}
.paging a.previous{color:#A5A3A4;width:80px;}
.paging a.next{width:50px;margin-left:10px}

#modal{display:none;position:absolute;top:0;left:0;bottom:0;right:0;overflow:hidden;padding:0;margin:0;z-index:1000;height:auto}
#modal .bg {position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;filter:alpha(opacity=80);opacity:0.80;}
#popup{width:337px; height:117px; background:url(images/popup-bg.png); padding:20px 10px; font-family:Arial, Helvetica, sans-serif; font-size:14px;position:relative;margin:325px auto;z-index:1001;text-align:center}
#popup .continue{cursor:pointer;width:154px; height:29px; display:block; float:left; margin:20px 0 0 10px;}
#popup .checkout{width:130px; height:29px; display:block; float:left; margin:20px 0 0 10px;}
#loading {display:none;position:fixed;top:0;bottom:0;left:0;right:0;background-color:#fff;filter:alpha(opacity=90);opacity:0.90;z-index:1000;width:950px;margin:auto;}
#loading div {width:32px;height:32px;background-image:url(images/loading.gif);margin: 25% 0 0 50%}

#stocktable {position:relative;oveflow:hidden;padding-bottom:1px;width:310px;}
#stocktable #slider {float:left;position:relative;height:155px;margin:65px 0 0 1px;width:10px}
#stocktable #slider a {position:absolute;left:-2px;background-color:#A5A3A4;width:20px;height:49px;display:block;background:url(images/slider.gif);}
#stocktable .panel {float:left;position:relative;overflow:hidden;width:284px;height:212px;padding:0}
#stocktable .smallpanel{width:284px;}
#stocktable .nostock {background:url(images/no-stock.gif) no-repeat center center;}
#stocktable .low-stock{background:url(images/low-stock.gif) no-repeat center center;width:19px;height:16px;}
#stocktable .in-stock{background:url(images/in-stock.gif) no-repeat center center;width:19px;height:16px;}
/*------------------------Headed Table-------------------------------*/
div.headed-table table { width:100%; margin-bottom:12px;}
div.headed-table table tr th { text-align:center; padding:8px 0px; background:#D9D9D9;}
div.headed-table table tr td { text-align:center; border-bottom:1px solid #e7e7e7; }
div.headed-table .details tr .left{text-align:left}
div.headed-table table tr td { padding:12px 0px;}
div.headed-table table tr th.first,
div.headed-table table tr td.first { text-align:left; padding-left:20px;}
div.headed-table table tr th.last,
div.headed-table table tr td.last { text-align:right; padding-right:20px;}
div.headed-table table tr.no-border td { border:none; padding-bottom:2px;}

div.headed-table hr { margin:0px 0px 12px 0px;}
div.headed-table a { font-weight:bold;}
div.headed-table .white-button { background:url(images/white-button.gif); color:#fff; width:178px; font-weight:normal; height:20px; border:none; text-transform:uppercase; font-size:14px; display:block; padding:3px 0 0 6px; text-decoration:none;}
div.headed-table .white-button-small { background:url(images/white-button-small.gif); width:109px;}
div.headed-table .text-button { color:#AF262C; border:none; background:none; font-family:Arial; font-weight:bold; font-size:12px; cursor:pointer; margin:-1px 0px 0px 0px; height:16px;}
div.headed-table .text-button-disabled { color:#ddd; font-weight:bold; cursor:default;}
div.headed-table .updatebtn{ text-align:left; height:23px; width:115px; padding-bottom:3px; cursor:pointer;}
div.headed-table .float { float:left;}
div.headed-table .margin { margin:0px 0px 14px 18px;}
div.headed-table .no-show { display:none;} 
#order-delivery table tr th, #giftwrap table tr th, #discount tr th, #order .sagepay-title {background:#D9D9D9;text-transform:uppercase; font-weight:normal;}
#discount tr .left{text-align:left}
#order-delivery p{margin:0 0 4px 4px}
#giftwrap {clear:left;}
.textbox {border:1px solid #ABADB3; display:block; padding:2px;}
.medium { width:250px;}

/*------------------------Order Page-------------------------------*/
#order {padding:24px 0;}
#order .copy a {font-weight:bold;}
#order table.recipient tr th.first,
#order table.recipient tr td.first { width:180px;}
#order table.recipient tr td { text-align:left;}

#order table.contents, #order table.details {margin-top:15px;}
#order table.contents tr th, #order table.details tr th {background:#D9D9D9; padding-top:8px; padding-bottom:8px; text-transform:uppercase; font-weight:normal;}
#order table.contents tr th.first,
#order table.contents tr td.first { width:110px; }
#order table.details tr th.first,
#order table.details tr td.first { width:400px; }
#order table.contents tr th.second,
#order table.contents tr td.second { text-align:left; width:250px;}
#order table.contents tr td.total { text-align:right;}
#order table.contents .margin { margin-bottom:0px;}

#order .grandtotal { font-weight:bold; font-size:15px; }
#order .ordernow {width:146px; height:29px; display:block; border:none; cursor:pointer; margin:auto;}
#order .orderthumb {background:url(images/views-bg.gif); display:block; height:80px; width:80px; border:solid 1px #C7C7C7;}


#order #giftwrap .last{width:63px}

#order table#discount tr .first {width:410px}
#order table#discount tr .second {width:200px}
#order table#discount .validationsummary {width:500px;margin:0 auto} 
#order table#discount input.white-button {margin:0}

#sagepay ul li { background:url(images/arrow.gif) left no-repeat; padding:0 0 0 10px}
#order #sagepay #cardtypes {list-style:none outside none; margin:10px 0;}
#order #sagepay #cardtypes li {background:none; float:left; margin:5px;}

#cart{width:910px; border:none; border-collapse:collapse; color:#3e3e3e; margin:30px 0 30px 0; padding:0 0 30px 0;}
#cart  tr.head {background:#D9D9D9; text-transform:uppercase;}
#cart .head th {font-weight:normal; }
#cart tr td {padding:12px 0;text-align:center;width:85px;font-size:13px}
#cart .desc {width:420px;text-align:left;padding:10px !important;}
#cart .desc .title { background:none; width:270px}
#cart .desc a, #cart .desc a:hover{text-decoration:none; color:#3e3e3e;}
#cart .buttons td {text-align:right;padding:0}
#cart .item td {border-top:1px solid #efefef}
#cart .remove, #order .remove {color:#cb878b;border:none;background:none;font-weight:bold;font-size:13px;cursor:pointer}
#cart .total {text-align:left; width:85px}
#cart .special-offer {text-align:right; }
#cart strong {font-size:15px}
#cart select {height:22px; border:solid 1px #abadb3; width:50px; padding:0 0 0 10px; font-size:12px}
.cartempty {text-align:center; padding:40px 0 35px 0}
#cart .right {text-align:right}
.cartthumb {border:solid 1px #C7C7C7; display:block; float:left; }
.cartdescript {padding:14px 0 0 22px; display:block; float:left;}
.cartdescript .brand {display:block;}

.login .button{margin:59px 0 0 5px}

.forgotten-password{margin-top:10px}
.forgotten-password .button{margin:-1px 0 0 5px}

.sitemap .no-cat{float:left;width:200px;margin-top:20px;margin-right:9px}
.sitemap .no-cat li{float:none}
.sitemap ul li ul{float:left;width:200px;margin-right:9px}
.sitemap ul li{float:left;}
.sitemap ul li li{float:none}

/*--------------- basket ----------------*/
.basket {width:300px; height:90px; display:block; float:right; background:url(images/label.jpg) right no-repeat; margin-top:18px; padding:0;}
#checkout { width:97px; height:90px; float:left; }
.basket .dogbasket {display:block; float:left; width:81px; height:82px; clear:left; font-family:Georgia, "Times New Roman", Times, serif; padding:8px 8px 0px 8px; color:#af262c; text-transform:uppercase; position:relative;}
.basket .items {color:#201f1f; display:block; width:40px; float:right; font-size:10px; text-align:center;}
.basket .number-items {font-size:32px; line-height:22px;}
a.checkout-basket {display:block; height:18px; width:90px; background:url(images/checkout.gif); position:absolute; bottom:2px; left:1px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; padding:1px 2px 2px 4px;}
.basket .searchbox {width:141px; height:18px; border:solid 1px #bbbbbb; float:left; margin:10px 0 2px 14px; color:#888686; padding:2px 2px 0 2px; font-size:12px;}
.basket .searchsubmit {width:24px; height:18px; display:block; float:left; background:url(images/go.gif); cursor:pointer; border:none;  margin:11px 0 0 3px;}
.basket ul {float:left; width:65px; display:block; text-transform:uppercase; font-size:11px; padding:2px 0 0 16px; border-right:solid 1px #a8aaab; margin-top:8px;}
.basket ul li {background:url(images/red-arrow.gif) left no-repeat; padding:0 6px 0 10px}
.basket p {display:block; float:left; text-transform:uppercase; width:90px; font-size:11px; padding:9px 0 0 15px;}
.logo {float:left; display:block;}