@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}
textarea{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; }
select.small{width:100px}
.no-stock.validationsummary{width:290px}
.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{font-weight:bold}
.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 {width:926px; height:110px; padding:20px 0 20px 20px; border:solid 2px #FFF; border-top:solid 12px #FFF; float:left; background:url(images/footer-default.jpg) right no-repeat #8a202e;}
#footerwrapper #footer div{float:left;width:130px;padding:6px 0 0 15px;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; width:150px;}
#footerwrapper #footer .last .paymentcards{padding:8px 0 0 0;height:auto;width:auto;float:none;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;}
#footerwrapper #footer .socialmedia {height:87px; width:165px; padding:10px; float:left; border:solid 1px #a34f5a; background:#973c48; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; margin:0 5px 0 15px;}
.facebook {display:block; float:left; height:20px; padding:7px 0 0 34px; background:url(images/facebook.gif) left no-repeat; margin-bottom:3px; }
.twitter {display:block; float:left; height:20px; padding:7px 0 0 34px; background:url(images/twitter.jpg) left no-repeat; margin-bottom:3px;}
.youtube {display:block; float:left; height:20px; padding:7px 0 0 34px; background:url(images/youtube.jpg) left no-repeat; }

/*--------------- 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:13px 0 10px 0;}
.mainnav li:hover ul {display:block}
.mainnav li ul{width:123px; position:absolute;z-index:1; top:15px;left:0;background:#2e2e2e;}
.mainnav li ul li {padding:5px 0 5px 8px; height:18px; display:block;width:161px;border:none}
.mainnav li ul li a{display:inline;padding:0 0 0 10px;color:#fff;font-weight:normal;}
.mainnav li 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}
.product .image .sale-overlay{background:url(images/SALE-overlay.gif) no-repeat; width:214px; height:24px;display:block;position:absolute; bottom:5px; left:1px;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;}
#productdetails a.find-size{background: url("images/btn-sizehelp.gif") no-repeat scroll 0 0 transparent;display: block;font-size: 0;height: 30px;line-height: 0;margin: 6px 0 8px;text-decoration: none;text-indent: -9999px;width: 192px;}

#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;}

	/*--------------- Search results ----------------*/
	#search-results {border:solid 1px #C7C7C7; margin-top: -20px; padding:16px 20px;}
	p.sorry {font-size:20px; margin:0 0 10px 0;}
	.searchterm {color:#AF262C;}
	/*--------------- New Product page styles ----------------*/
	ul#social-product {float:left; height:20px; width:290px; padding:8px 0 20px 0;}
	ul#social-product li {float:left; margin-right:11px;}
	ul#social-product li.last {width:80px;}
	.productoption {float:left; padding:18px 10px 10px 0; font-size:13px; text-transform:uppercase;}
	
	.ui-tabs {width: 278px; float:left; padding:20px 0 0 0; font-size:12px;}
	.ui-tabs .ui-tabs-nav {width:278px; float:left;}
	
	.ui-tabs .ui-tabs-nav li {width:138px; float:left; border:none; border-bottom:solid 1px #CCC; text-align:center; height:29px; text-transform:uppercase;}
	.ui-tabs .ui-tabs-nav li a {color:#2c2b2c; display:block; background:#CCC; border-right:solid 2px #FFF; height:22px; padding:5px 0 0 0;}
	.ui-tabs .ui-tabs-nav li.last a {border-left:solid 2px #FFF; border-right: none;}
	
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected {background:#fff; border-bottom: none; border-left:solid 1px #CCC; border-top:solid 1px #CCC; border-right:solid 1px #CCC; padding:0 0;}
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {color:#AF262C; display:block; background:#FFF; height:22px; border-right:solid 2px #FFF;}
	
	.ui-tabs .ui-tabs-nav li.last.ui-tabs-selected a {border-right:none; border-left:solid 2px #FFF;}
	
	.ui-tabs div {border-left:solid 1px #CCC; border-bottom:solid 1px #CCC; border-right:solid 1px #CCC; padding:5px 12px; float:left; width: 252px;}
	.ui-tabs div p {color:#929292; font-style:italic;}
	
	.ui-tabs .ui-tabs-panel {display: block; background: none;}
	.ui-tabs .ui-tabs-hide {display: none !important;}
	
/*--------------- Home page Specific ----------------*/
body.home #flashpanel, body.home #noflash  {width:910px; height:250px; margin-bottom:10px;}
body.home #noflash {background:url(images/flashreplacement.jpg) left no-repeat}
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; padding-bottom:5px;}
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;padding:6px 0 0 15px;border-right:solid 1px #493963;height:100px; }
body.luxury #footerwrapper #footer .socialmedia {border:solid 1px #5c4e73; background:#483764;}
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;padding:6px 0 0 15px;border-right:solid 1px #a06698;height:100px; }
body.girls #footerwrapper #footer .socialmedia {border:solid 1px #aa76a3; background:#9e5f95;}
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;padding:6px 0 0 15px;border-right:solid 1px #4f4f53;height:100px; }
body.sports #footerwrapper #footer .socialmedia {border:solid 1px #616165; background:#454549;}
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;padding:6px 0 0 15px;border-right:solid 1px #43497e;height:100px; }
body.accessories #footerwrapper #footer .socialmedia {border:solid 1px #5f6490; background:#444a80;}
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 a {color:#868aac;}
body.socks #footerwrapper #footer div {float:left;padding:6px 0 0 15px;border-right:solid 1px #43497e;height:100px; }
body.socks #footerwrapper #footer .socialmedia {border:solid 1px #5f6490; background:#444a80;}
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 a {color:#9396aa;}
body.casual #footerwrapper #footer div{float:left;padding:6px 0 0 15px;border-right:solid 1px #404769;height:100px; }
body.casual #footerwrapper #footer .socialmedia {border:solid 1px #545978; background:#373d60;}
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 a {color:#92a9c1;}
body.polos #footerwrapper #footer div{float:left;padding:6px 0 0 15px;border-right:solid 1px #406791;height:100px; }
body.polos #footerwrapper #footer .socialmedia {border:solid 1px #53779c; background:#325c8a;}
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 a {color:#9f9cb7;}
body.fun #footerwrapper #footer .last {border:none; background:none;}
body.fun #footerwrapper #footer div{float:left;padding:6px 0 0 15px;border-right:solid 1px #555181;height:100px; }
body.fun #footerwrapper #footer .socialmedia {border:solid 1px #67638d; background:#443e7a;}
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.current.wide{padding:0 6px 8px 4px;}
.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;overflow: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; overflow-x:scroll}
#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:83px; height:82px; clear:left; font-family:Georgia, "Times New Roman", Times, serif; padding: 8px 6px 0 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;}

/*------------------------Latest news homepage-------------------------------*/
#news h3 {text-transform:uppercase; margin:9px 0 3px 0; font-size:15px; font-weight:normal;}
.latestnews {padding:5px 0 15px 0; margin-bottom:15px; border-bottom:solid 1px #CECECE;}

/*------------------------Social media product page-------------------------------*/
#share {border:solid 1px #c7c7c7; float:left; clear:left;width:180px; padding:5px 5px 8px 5px; margin:20px 0 10px 0; text-transform:uppercase;}
#share p {display:block; margin:0 0 0 5px; padding:0;}
#share img {float:left; margin:5px 5px 0 5px;}

/*------------------------Content page styles new-------------------------------*/
.deliverypanel {background:#dddddc; width:824px; display:block; clear:both; height:24px; margin-top:10px; text-transform:uppercase; font-size:15px; padding:10px 8px;}
.deliverypanel li {display:inline; background:url(images/delivery-arrow.gif) right no-repeat; padding-right:12px; margin-right:10px;}
a.contentthumbs {margin:12px 21px 12px 0; float:left; - margin-right:20px;}
a.contentthumbs.last {margin-right:0;}
a.contentthumbs img {border: solid 1px #d9d9d9; }
.stars {float:left; height:22px; margin:10px 0; padding-bottom:10px; width:840px; border-bottom:solid 1px #e0e0e0;}
.stars p {margin-left:10px; display:block; float:left;}
.rated {display:block; float:left;  margin-right:7px;}
.quote {font-size:15px; font-weight:bold; display:block; float:left;}
.quote img {margin-left:8px;}
ul.testimonials {float:left; width:840px; margin-bottom:35px;}
ul.testimonials li {border-bottom:solid 1px #e0e0e0; padding:10px 0;float:left; width:840px;}
ul.testimonials li p {display:block; float:left; clear:left;}
.socialmedia-content {border:solid 1px #d4d4d4; float:left; clear:left;width:830px; padding:5px 5px 8px 5px; margin:35px 0 0px 0; text-transform:uppercase;}
.socialmedia-content p {display:block; float:left; margin:4px 10px 0 5px; padding:0;}
.socialmedia-content img {float:left; margin:5px 5px 0 5px;}

/*------------------------Blog Styles-------------------------------*/
.contentpanel #blogleftcolumn ul{list-style:none;margin:0}
.contentpanel #blogleftcolumn strong {color:#2E2E2E;}

.postsummary {padding:7px 0 0 0; border-bottom:1px solid #D9D9D9; margin-bottom:15px;}
.postsummary img {padding:2px; background:#FFF; border:solid 1px #cecdcd; float:left; margin:5px 15px 17px 0;}
.postsummary .text{float:left;width:430px;margin-top:4px}
.postsummary .posted {font-size:13px; margin-bottom:18px;color:#2A2A2A;font-weight:bold}
.blog-features {height:27px;border-top:1px solid #D9D9D9; margin-top:10px; padding:5px 0;position:relative}
.blog-features ul{list-style:none;}
.blog-features ul li {display:block; float:left; border-right:solid 1px #d5d5d5; padding:0 14px; height:25px; }
.blog-features ul li.last {border:none; padding-right:0;}
.blog-features ul li a {padding:0 0 0 20px; display:block; margin-top:5px; color:#272727;}
.blog-features ul li a:hover {color:#5c5c5d;}

a.share {background:url(images/icon-share.gif) left no-repeat;cursor:pointer}
a.email {background:url(images/icon-email.gif) left no-repeat;cursor:pointer}
a.rss {background:url(images/icon-rss.gif) left no-repeat;}
.blog-features ul li a.comment {padding:0;font-weight:bold;text-transform:uppercase;color:#AF262C}
.blog-features ul li a:hover.comment {text-decoration:underline}
.like {border:none; overflow:hidden; width:220px; height:25px;}
.pages {display:block; float:left; padding:2px 8px 0 0;}

#comments {background:url(images/dot-grey.gif) top repeat-x; padding:30px 0;}
#comments label {display:block; float:left; width:100px; color:#AF262C; font-weight:bold; height:24px; clear:left; padding-top:3px; margin-bottom:7px;}
#comments .textbox {float:left; }
#comments .errortxt{display:block;float:left}
.comments {width:508px; padding:15px 0 0 0px; margin:0;}
#comments h2 {padding-bottom:3px; background:url(images/dot-grey.gif) bottom repeat-x;}
#comments h3 {margin-top:20px;}
#comments .commentbox {width:400px; height:130px; padding:2px; border:solid 1px #ABADB3; float:left; margin-bottom:15px;font-family:Arial, Helvetica, sans-serif; font-size:13px}

#comments .submitbutton { margin-left:100px;}
.blogcomment {background:url(images/white-dot.gif) bottom repeat-x; padding:10px 0 5px 0;} 

#blog {display:block; width:910px; background:url(images/leftnav-default.gif) top right repeat-y; margin-top:9px; }
#blogleftcolumn {width:590px; float:left; padding-bottom:40px;border:1px solid #D9D9D9;padding:25px 35px 35px; }
#blogrightcolumn {width:228px; display:block; float:right; background:url(images/leftnavtop-default.gif) top left no-repeat; padding-bottom:40px;}
#blogrightcolumn p{font-size:20px; text-transform:uppercase; color:#FFF;padding:20px 0 0 20px}
#blogrightcolumn ul {font-size:14px; padding:0 25px 0px 15px; color:#DEACAF; }
#blogrightcolumn ul li {display:block; padding:10px 0 0 6px; width:188px; -width:170px;}
#blogrightcolumn ul li a {color:#DEACAF;font-size:12px}
#blogrightcolumn ul li a:hover {color:#fff;}

/* Pop out styles */
.popout, .email-popout {width:291px; background:#e9e9e9; border:solid 5px #bfbfbf; padding:6px 12px 12px 12px; position:absolute;display:none;top:30px}
.popout .heading, .email-popout .heading {background:url(images/white-dot.gif) repeat-x bottom; padding-bottom:6px; font-size:16px;display:block;font-weight:bold;margin-top:-12px}
.popout ul {width:260px; padding:10px 10px 10px 20px;list-style:none;margin:0}
.blog-features ul li .popout li { width:130px; float:left; margin-bottom:10px;border:none;padding:0;height:auto}
.blog-features ul li .popout li a {color:#272727; height:23px; padding:5px 0 0 35px; display:block;margin:0 }
.blog-features ul li .popout li a:hover {color:#5c5c5d;}
.popout li a.delicious {background:url(images/bookmark-delicious.gif) left no-repeat;}
.popout li a.facebook {background:url(images/bookmark-facebook.gif) left no-repeat;}
.popout li a.digg {background:url(images/bookmarkdigg.gif) left no-repeat;}
.popout li a.reddit {background:url(images/bookmark-reddit.gif) left no-repeat;}
.popout li a.stumbleupon {background:url(images/bookmark-su.gif) left no-repeat;}
.popout li a.twitter {background:url(images/bookmark-twitter.gif) left no-repeat;}
.popout a.close, .email-popout a.email-close{color:#af262c; font-size:11px; font-weight:bold;height:30px;padding-top:3px;float:right; cursor:pointer}
.email-popout label {display:block; height:22px; margin-bottom:3px; clear:left; width:120px; float:left; color:#AF262C; font-weight:bold; font-size:11px;}
.email-popout .textbox{float:left}
.popout p, .email-popout p {font-size:12px; margin:10px 0;}
.email-form span{float:left}
#map-flashpanel {width:920px; height:480px;}
.banners{padding:40px 0 0 20px}

/*------------------------New index page styles-------------------------------*/

.indexpanel {width:260px; height:312px; background:#d3d3d3; float:left; margin:20px 20px 0 0; padding:3px;}
.indexpanel img {border:solid 1px #FFF; margin-bottom:8px;}
.indexpanel h2 {margin:0 5px; background:url(images/index-arrow.gif) right no-repeat;}
.indexpanel p {margin:3px 0 0 5px; padding:0;}
.indexpanel.last {margin-right:0;}

/*--------------- Contact Us Popup ---------------*/
.popup .popup-top {background:url(images/contactpopup-top.png) no-repeat;height:9px}
.popup .popup-bottom {background:url(images/contactpopup-bottom.png) no-repeat;height:9px}
.popup .popup-middle {background:url(images/contactpopup-repeat.png)}
.popup .popup-loading {background-color:#fff}
.popup .popup-content {top:50%;left:50%;z-index:1000;margin:-298px 0 0 -323px;width:650px;color:#000}
.popup .popup-title {margin:0 0 0 3px;padding:20px 0 0 21px;width:620px;text-transform:uppercase; color:#af262c; font-weight:normal; margin:0;font-size:18px}
.popup .popup-inner-content {padding:14px 20px 20px 20px}
.popup h1 {margin:0 0 20px}
.popup p {margin:0;padding:0 10px 10px 3px}
.popup a {background:url(images/contact-close.gif) no-repeat;float:right;display:block;width:65px;height:24px;font-size:0;line-height:0;text-indent:-9999px;margin:2px 0 0 0}
.popup a:hover {text-decoration:none}

#contact-us input.submit-button {width:74px;height:29px;background:url(images/submit-button.gif) no-repeat;cursor:pointer;border:none;font-size:0;line-height:0;text-indent:-9999px;display:block}

/*--------------- Size Guide and Measurement Popup ---------------*/
p.measure {font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:bold; margin:10px 0 0 0; padding:0 0 2px 3px;}
#popup_window_mens-sizes a.close, #popup_window_womens-sizes a.close, #popup_window_mens-measurement-guide a.close, #popup_window_womens-measurement-guide a.close {float:right;display:block;width:65px; margin-top: -42px;}
.popup p em {color:#818181; font-size:12px;}
table.size {margin:5px 0 18px 0; border:solid 1px #d1d1d1;}
table.size th {padding:4px 0; font-size:16px; font-weight:bold; text-align:center;}
table.size td {padding:3px 0; text-align:center;}
table.size th.alignright { text-align:right;}
table.size th[scope=row] {font-size:12px; text-align:right;}
table.size th[scope=row] em {font-size:10px;}
table.size tr.second-row td, table.size tr.second-row th {padding:0 0 6px 0;}

/*------------------------New index page styles lefthand-------------------------------*/
.signupbox {width:248px; background:#dddddc; border:solid 1px #c9c9c9; padding:15px;}
.signupinput {width:140px; height:18px; background:#FFF; border:solid 1px #bdbdbd; float:left; color:#848585}
.signup {width:93px; height:23px; border:none; cursor:pointer; float:right; margin:0; padding:0;}
.storepurchase {width:139px; height:167px; padding:20px 5px 0 133px; position:relative; margin:7px 0;}
.storepurchase h2 {color:#FFF;  font-size:14px; position:absolute; bottom:8px; left:97px; }
.storepurchase h3{color:#AF262C;position:absolute;top:30px;left:133px;width:140px}
.storepurchase a {color:#312f2f; text-transform:uppercase; font-size:14px;position:absolute;top:100px;left:133px;}
.storepurchase a:hover {text-decoration:underline;}
.storepurchase p.image{margin:0;position:absolute;top:0;left:0}

/*------------------------New-In Styles-------------------------------*/
.newbanner {background:#8a202e; font-family:Georgia, 'Times New Roman', Times, serif; color:#FFF; padding:4px; font-size:27px; margin:15px 0;}
.newbanner-inner {border:solid 1px #b26c75; padding:15px;}
.newbanner-inner h2 {text-transform:none; color:#c69299; font-style:italic;}
.newbanner-inner h2 strong { color:#FFF; font-size:28px; font-weight:normal; font-style:normal;}
.newproduct {width:278px; float:left; border-right: solid 1px #d9d9d9;}
.newproduct.last {border:none;}
.newproduct h3 {text-transform:uppercase; margin:0 15px;}
.newproduct p {margin:5px 15px; padding:0;}
a.btn-more {background:url(images/btn-findmore.gif); height:29px; width:161px; cursor:pointer; display:block; margin-top:15px; margin-left:15px;}
.newsletterbanner {background:#dddddc; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; padding:4px; font-size:27px; margin:20px 0 0px 0; float:left; width:835px;}
.newsletterbanner-inner {border:solid 1px #fff; padding:10px; float:left; width:812px;}
.newsletterbanner-inner h2 {text-transform:none; color:#383838; font-style:italic; font-size:14px; float:left;}
.newsletterbanner-inner h2 strong { color:#a1252b; font-size:17px; font-weight:normal; font-style:normal; text-transform:uppercase;}
.like { float: right;}
.news-signup {float:right; background:url(images/delivery-arrow.gif) right no-repeat; padding-right:10px; font-size:14px; padding-top:1px; margin-top:2px;}