/*===================================
/ Made by Gleam*
/ Email: hello@madebygleam.com
/ Web: http://www.madebygleam.com
/ Tel: +44(0)845 045 1130
===================================*/

@import url(reset.css); /* RESET CSS */

body { font: 12px/1.7 Arial, verdana, sans-serif;color:#000; background: #000 url(../images/body_bkgd.gif) repeat-x; width: 878px; margin: 0 auto; text-align: center; padding-bottom: 20px;}

strong {font-weight: bold;}
hr {display: none;}

#wrap {width: 880px; margin: 0 auto; text-align: left;}
#branding { background: url(../images/branding.png) no-repeat top left; width: 880px; height: 177px; position: relative;}
#content { background-color: #fdcc12; padding: 10px 15px;}
#footer { font-size: 10px; color: #fff; padding: 10px 0; background: #d7a004 url(../images/footer_btm.gif) no-repeat left bottom; text-align: center;}
#footer a {color: #000; text-decoration: none;}
 
/*div#search span {border: 2px solid #000; display: block; width: 200px; padding: 10px;}
div#search span input {border: 1px solid #fff; margin: 4px; width: ;}*/

#branding h1 {display: none;}

div#search {position: absolute; right: 52px; bottom: -0px;}
div#search label {float: left; text-transform: uppercase; font-weight: bold; margin-right: 10px; padding-top: 6px;}
div#search span {background: #fff url(../images/search_bkgd.png) no-repeat; display: block; width: 186px; height: 29px; position: relative; float: left; margin-right: 5px;}
div#search .searchTextBox {font-size: 12px; color: #000; border: 1px solid #fdcc12; padding:  0 2px 2px 2px; margin: 5px 0 0 5px; background-color: #fdcc12; width: 170px;}

p#lovehate { background: url(../images/love_hate.png) no-repeat left top; text-indent: -9999em; position: absolute; left: 63px; bottom: 11px;width: 308px; height: 18px;}

#branding ul li a {display: block; position: absolute; top: 100px;}
#branding ul li a span {position: absolute; left: -9999em;}
#branding ul li#navHome a {background: url(../images/nav_home.png) no-repeat left top; width: 42px; height: 25px; left: 68px;}
#branding ul li#navLogin a {background: url(../images/nav_login.png) no-repeat left top; width: 44px; height: 25px; left: 140px;}
#branding ul li#navLogout a {background: url(../images/nav_logout.png) no-repeat left top; width: 57px; height: 25px; left: 140px;}
#branding ul li#navMarmiteHome a {background:none; height:100px; left:375px; top:68px; width:140px;}
#branding ul li#navAccount a {background: url(../images/nav_account.png) no-repeat left top; width: 108px; height: 25px; left: 220px;}
#branding ul li#navContact a {background: url(../images/nav_contact.png) no-repeat left top; width: 108px; height: 25px; left: 545px;}
#branding ul li#navDelivery a {background: url(../images/nav_delivery.png) no-repeat left top; width: 108px; height: 25px; left: 680px;}
#branding ul li#navHelp a {background: url(../images/nav_help.png) no-repeat left top; width: 108px; height: 25px; left: 780px;}

#mini_basket {width: 259px; height: 81px; position: absolute; background: url(../images/mini_basket_bkgd.gif) no-repeat top left;  right: 80px; top: 10px;}
#mini_basket p {font-size: 12px;line-height: 1.2; position: relative; top: 26px; left: 30px; width: 200px; text-align: center;}
#mini_basket a {color: #000;}

#col1 {width: 165px; float: left; padding: 0 0 15px 0;}
#col2 {width: 670px; float: right;}

#hpPromo {position: relative;}
#hpPromo a {position: absolute; height: 223px; width: 668px; top: 0; text-indent: -9999em; background: transparent url(../images/spacer.gif);}
#hpPromo a#hpl01 {display: block; width: 50%; left: 0;}
#hpPromo a#hpl02 {display: block; width: 50%; right: 0;}
#hpPromo p {text-align: center; line-height: 1.2; padding: 15px;}

#col1 #nav_wrap { background: url(../images/sbnav_bkgd_top.gif) repeat-y left top; padding: 60px 0 10px 0;}
#col1 #nav_btm { background: url(../images/sbnav_bkgd_btm.gif) no-repeat left bottom; height: 2px; margin-bottom: 13px; font-size: 1px;}
#col1 #nav_wrap ul {}

#col1 #nav_wrap ul li a {text-decoration: none; color: #000; display: block; margin: 0 20px 10px 20px; padding-left: 15px; font-weight: bold;}
#col1 #nav_wrap ul li a {text-indent: -9999em; margin-left: 26px; margin-bottom: 10px; width: 110px;}

#col1 #nav_wrap ul li a#sbnav_paddington { background: url(../images/sbnav_paddington.gif) no-repeat left top; height: 14px;}
#col1 #nav_wrap ul li a#sbnav_clothing { background: url(../images/sbnav_clothing.gif) no-repeat left top; height: 14px;}
#col1 #nav_wrap ul li a#sbnav_homewares  { background: url(../images/sbnav_homewares.gif) no-repeat left top; height: 14px;}
#col1 #nav_wrap ul li a#sbnav_artwork { background: url(../images/sbnav_artwork.gif) no-repeat left top; height: 14px;}
#col1 #nav_wrap ul li a#sbnav_books { background: url(../images/sbnav_books.gif) no-repeat left top; height: 14px;}
#col1 #nav_wrap ul li a#sbnav_food { background: url(../images/sbnav_food.gif) no-repeat left top; height: 14px;}
#col1 #nav_wrap ul li a#sbnav_winter_sale { background: url(../images/sbnav_wintersale.gif) no-repeat left top; height: 14px;}

#col1 #nav_wrap ul li ul {margin-bottom: 14px;}
#col1 #nav_wrap ul li li a {margin-left: 20px; text-indent: 0; margin-bottom: 0;}

/*#col1 #nav_top { background: url(../images/sbnav_bkgd_top.gif) no-repeat left top; height: 158px; position: relative; top: -80px;}*/

/*#col1 #nav_wrap ul {position: relative; top: -160px;}
#col1 #nav_wrap ul li a {text-decoration: none;color: #000; display: block; margin: 0 15px; padding-left: 15px; font-weight: bold;}*/

div.addthis {display:block; float:left; clear:both; margin:10px 0;}


/* ---------- help ---------- */

div#help table {width: 100%; margin: 0 0 15px 0; border: 1px solid #C39700; border-collapse: collapse;}
div#help table th {padding: 10px 10px 10px 5px; width: 35%;}
div#help table td {padding: 10px 5px; text-align: right;}
div#help table tr.alt {background-color: #E3B300;}

p.toTop {padding: 0 0 10px 0; margin-bottom:1.5em; border-bottom: 1px dotted #666; font-size: 10px;}

div#help a {color: #000;}

form#emvForm td {padding:5px;}


/* clearing floats */
#content { display: inline-block; }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #content { height: 1%; }
#content { display: block; }

ul.cta li {margin:  0 0 7px 12px;}

ul#hpsPromo li {display: inline; margin-left: 6px;}
ul#hpsPromo li.first {margin-left: 0;}

a#btn_mini_checkout {position: absolute; top: 57px; left: 85px;width: 86px; height: 19px; display: block; text-indent: -9999em;}

.pagination {color: #000; font-size: 11px; padding: 10px 5px 0 5px; position: relative;}
.pagination a {color: #000;}
.pagination span {position: absolute; right: 5px;}

 
.product_row {border-top: 1px solid #000; padding: 20px 0; clear: both;}
.product_row.first {border-top: none;}
.product_row .item {/*height: 240px;*/ width: 148px; float: left;margin-left: 25px;}
.product_row .item.first {margin-left: 0;}
.product_row .item img.prd_image {border: 2px solid #fff;}
.product_row .item p {padding: 7px 3px 10px 3px;}
.product_row .item h3 {font-weight: bold; line-height: 1.3; padding: 0 3px 0 3px;}
.product_row .item h3 a {color: #000; text-decoration: none;}
.product_row .item h3 a:hover {color: #000; text-decoration: underline;}
span.shortDescription { color:#fb0f0c}
img.btn_more { display: block; float:right; margin-top: 0px; width: 47px; height: 34px;}

.left img.prd_image {border: 2px solid #000;}

.left {float: left;}
.right {float: right;}

#prd_detail {padding: 20px 0 20px 0; margin-bottom: 10px; /*border-bottom: 1px solid #000;*/ position: relative;}
#prd_detail .left {width: 320px;}
#prd_detail .right {width: 340px;}
#prd_detail .right.with_thumbs {padding-bottom: 120px;}
#col2 h2 {font-size: 16px; font-weight: bold; margin: 0 0 15px 0;}
#col2 h3 {font-size: 13px; font-weight: bold; margin: 0 0 5px 0;}
#col2 p {margin: 0 0 15px 0; line-height: 1.2;}
#col2 ul {margin: 0 0 15px 0; line-height: 1.4;}
#col2 a:link, #col2 a:visited {color: #000 !important;}

#price_block {}
#price_block select {margin-right: 5px;}
#price_block strong {font-size:  16px; position: relative; top: 2px; margin-right: 5px;}
#btn_buy {position: relative; top: 14px;}


/* clearing floats */
#prd_detail { display: inline-block; }
#prd_detail:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #prd_detail { height: 1%; }
#prd_detail { display: block; }

/*.no_bdr {border: none !important; margin-top: 0; padding-top: 10px;}*/
#prd_detail.no_bdr {border-bottom: #FFCB00 !important;}

div#thumb_options {height: 98px; position: absolute; bottom: 20px;}
div#thumb_options small {font-size: 11px;}
div#thumb_options ul#thumbs {margin-top: 10px; position: absolute; bottom: -6px; left: 0;}
div#thumb_options ul#thumbs li {display: inline; margin: 0 5px 0 0;}

/* clearing floats */
.product_row { display: inline-block; }
.product_row:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .product_row { height: 1%; }
.product_row { display: block; }

/* HEADERS */
#pageTitle {background: url(../images/banners/welcome.png) no-repeat top left; width: 668px; height: 104px; text-indent: -9999em;}

#pageTitle.marmite {background-image: url(../images/banners/search_results.png);}

#pageTitle.artwork,
#pageTitle.canvas_30x30,
#pageTitle.canvas_60x60,
#pageTitle.canvas_90x90,
#pageTitle.prints_28x35_5,
#pageTitle.prints_40x50,
#pageTitle.prints_60x80,
#pageTitle.prints_80x100 {background-image: url(../images/banners/artwork.png);}

#pageTitle.clothing,
#pageTitle.clothing_cycling,
#pageTitle.clothing_lovehate {background-image: url(../images/banners/clothing.png);}

#pageTitle.homewares {background-image: url(../images/banners/homewares.png);}
#pageTitle.paddington,
#pageTitle.paddington_accessories,
#pageTitle.paddington_books
#pageTitle.paddington_home,
#pageTitle.paddington_toys {background-image: url(../images/banners/paddington.png);}

#pageTitle.books {background-image: url(../images/banners/books.png);}
#pageTitle.food {background-image: url(../images/banners/food.png);}
#pageTitle.winter_sale {background-image: url(../images/banners/wintersale.png);}


/* BANNERS */
#banner_help {background: url(../images/banners/help.png) no-repeat top left; width: 668px; height: 104px; text-indent: -9999em;}
#banner_contact {background: url(../images/banners/contact.png) no-repeat top left; width: 668px; height: 104px; text-indent: -9999em;}

/* ---------- lookin bag ---------- */

table#basketTbl {width: 100%; margin: 0 0 1em 0; text-align: left;}
table#basketTbl th {font-weight:bold; vertical-align: top; padding: 2px 5px 2px 5px;}
table#basketTbl td {vertical-align: top; padding: 10px 5px 10px 5px; vertical-align: top;}

table#basketTbl tr.tbl_row td { border-top: 1px solid #d7a004;}
table#basketTbl th { /*border-bottom: 1px solid #d7a004;*/}

table#basketTbl th#coverCol {width: 10%;}
table#basketTbl th#productCol {width: 40%;}
table#basketTbl th#priceCol {width: 20%;}
table#basketTbl th#qtyCol {width: 10%;}
table#basketTbl th#buttonCol {}
table#basketTbl input.quantity {width: 2em;}

table#basketTbl a {color: #000; font-weight: bold;}
table#basketTbl td#total_wrap {border: none; padding: 0;}

div#bundle {width: 290px;padding: 10px 10px 10px 0; font-size: 11px;}
div#bundle a {color: #000; font-weight: bold;}

span#total {padding: 5px 30px 5px 5px; text-align: right; display: block; background-color: #fadd6d; color: #000;}