/* Stylesheet for Joey d*/
/*Author: John Garlinge , JDG Web Design*/
/* Date: 14th December 2007 */
/* Modified CSS Reset based on Eric Meyer's http://meyerweb.com/eric/thoughts/2007/04/14/reworked-reset/ */
body{font-size:62.5%;}
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
fieldset, form, label, legend,li,dt,dd,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	color:#783f3e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body{font-size:62.5%;}
a img, :link img, :visited img {
	border: 0;
}
img{border:1px solid #000;}
button img{border:0;}
p{margin: 0 0 12px 0;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
ul,ol{
	list-style: none;
	padding:0;
	margin:0 0 6px 0;
}
ul.bullet{
	list-style: disc;
	padding:0;
	margin:0 0 0 20px;
}
li,dd{margin: 0 0 6px 0;}
q:before, q:after,
blockquote:before, blockquote:after {
	content: "";
}
a{color: #b36463;text-align:left;}
a:hover{color: #942063;}
a.txtDefault,.submit{border: 1px dashed #783f3e;padding:6px 4px;text-align:center;font-weight:bold;color:#b36463;text-decoration:none;display:block;background:#fff;margin-bottom:10px;}
a:hover.txtDefault,input:hover.submit,input.submit.sfhover{background: #783f3e;color:#ffd6d0;}
table .txtDefault{display:inline;}
h1,h2,h3,h4,h5,h6{font-weight:bold;font-size:1.6em;margin: 0 0 16px;}
h1{font-size:2.8em;}
.info h3,.cart h3{font-size:1.25em;margin:0;line-height:1.3em;padding-bottom:1px;}
#sideBar h3{font-size:1.35em;margin: 0 0 6px;}
hr{width:100%;position:absolute;left:-999em;}
hr.separator{position:relative;left:auto;border:0;border-top: 1px dashed #783f3e;margin:20px 0}
/* End Reset */

/* general classes */
ul.item{border: 1px dashed #783f3e;height:235px;}
.clear {
clear: both;
font-size:1px;
height:1px;
}
.clrL{clear:left;}
.clrR{clear:right;}
.floatR{float:right;}	
.floatL{float:left;}
/* */

body{background-color: #acacac;text-align: center;color:#783f3e;}
#main_container{margin: 5% auto 0px auto;width: 760px;background: url(http://www.joey-d.co.uk/items4sale/skins/joeyd/styleImages/jd/containerBg.png);border: 1px solid black;text-align: left;position: relative;text-decoration: none;padding-bottom:20px;}
body>#main_container{height:auto;}

/* Navigation */
#nav_bar{padding: 0 0 0 148px;}
#nav_bar li{float:left;}
#men{width:86px;}
#nav_bar>#men{width:86px;}
#women {width:146px;}
#accessories {width:231px;}
#press {width:116px;}
#nav_bar a{display:block;height:49px;background-image: url(http://www.joey-d.co.uk/items4sale/skins/joeyd/styleImages/jd/nav.png);background-repeat: no-repeat;float:left;width:100%;text-indent:-999em}
#nav_bar a:hover{text-decoration:none;}

/* nav graphics */
a#homeLink{text-indent:-999em;width:142px; height:366px;background: url(http://www.joey-d.co.uk/items4sale/skins/joeyd/styleImages/jd/joey-d.png) no-repeat 0 0;float:left;}
#men a{background-position: 0 0;}
#women a{background-position: -86px 0;}
#accessories a{background-position: -232px 0;}
#press a{background-position: -463px 0;}

/* create rollovers */
 a:hover#homeLink {background-position: -143px 0;}
#men a:hover {background-position: 0 -51px;}
#women a:hover {background-position: -86px -50px;}
#accessories a:hover {background-position: -232px -50px;}
#press a:hover {background-position: -463px -50px;}

/* user menu */
#user .welcome{font-size:1.2em;font-weight:bold;}
.login,.logout,.register,.editAccount{display:inline;}

/*  cart */
.cart, .info{width: 160px;float:right;background:black;padding:10px;margin:10px 10px 0 0;}
.cart *,.info *{color:#fff;text-align:left;}
.info select,.info option{color:#000;font-size:1.1em}
.cart li{clear:right;}
ul li hr{width: 85%;border:0;border-bottom: 1px dashed #fff;border-top:1px dashed #000; position:relative; left:10px;}
ul li>hr{left:0;}
.cart ul li span{float:right;clear:right;margin:0px 8px 0 0;}
a:hover.txtCart,#user a:hover{color:#000;background:#fff;}

/* store content */
#store-content{width:565px;float:right;padding: 45px 0 0;background: #ffd6d0 url(http://www.joey-d.co.uk/items4sale/skins/joeyd/styleImages/jd/store-top.png) no-repeat top center;clear:right;margin: 10px 5px 0 0;}
#store-content {font-size:1.3em;line-height:1.2;}
#store-content div{background: #ffd6d0 url(http://www.joey-d.co.uk/items4sale/skins/joeyd/styleImages/jd/store-repeat.png) repeat top center;padding: 10px 20px;}
div#store-base{background: #ffd6d0 url(http://www.joey-d.co.uk/items4sale/skins/joeyd/styleImages/jd/store-base.png) no-repeat bottom center;height:45px;padding:0;}
ul.item{padding:10px;margin:8px;}
ul.item li{text-align:center;}
li.prodImg{height:165px;}
ul>li.prodImg{height:auto;min-height:165px;}
.item .txtDefault{margin: 0px;padding: 6px 0;}
.txtLink.txtDefault{padding:0;}
/* Forms */
#content form,div.fieldset{margin: 0 50px 12px 50px;position:relative;}
#content legend{font-size:1.2;font-weight:bold;padding: 2px;}
#content fieldset,div.fieldset{border: 1px dashed #783f3e;padding:8px 12px;margin-bottom:12px;}
#content label{display:block;width:80px;text-align:right;float:left;margin-right:4px;line-height:1.4;}
#content.gateway label {width:120px;}
#registerForm ol label,#chngPw label{width:150px;}
#content .tellaFriend label{width:100px;}
#content .receiveEmails label{width:auto;}
label#comlbl{text-align:left;}
li.spambot img{margin-left:104px;}
#content form ol li{clear:both;}
form ol li #add_2{margin-left:84px;}/* personal Info page*/
#content form div{padding:0;}
.breadcrumb{padding:0 0 0 50px;}
.breadcrumb.basket,.progress{padding:0;}
.breadcrumb li{display:inline}
ul#frontPageProducts{margin: 2em auto;padding: 0 2em;}
ul#frontPageProducts li {width:33%;float:left;}
ul#frontPageProducts li ul li{float:none;width:auto;}
.submitForm .submit{width:100%;}
#subCats li{float:left;margin: 0 20px 0 0;}
#subCats li p{text-align:center;margin: 4px 0 0;}
.viewProd{padding-bottom:20px}
#prodImg{width:210px;margin:-8px 10px 12px 0;padding:0;}
#content.gateway label{width:250px;}

table{border: 1px dashed #783f3e;width:100%;margin-bottom:10px;}
td,th{text-align:center;vertical-align:middle;}
table td p{display:block;margin-top:14px;}
.removeItem a{display:block;height:100%;width:20px;text-indent:-999em;background: url(http://www.joey-d.co.uk/items4sale/skins/joeyd/styleImages/del.gif) no-repeat center center;}
tr.heading th{background: #783f3e;font-weight:bold;color:#fff;padding: 8px 0;}
tr td{padding: 8px 0 4px;}
tr.tdcartEven td,tr.tdEven td{background:#ffd6d0;}
tr.subTotal{border-top: 1px solid #783f3e;}
tr.subTotal img{border:0;}
tr.subTotal th,tr.subTotal td {padding-top:10px;}
td.tdCartSubTotal{text-align:left;padding-left: 6px;}
th.total{text-align:right;padding: 0 6px 4px 0;background:none;}
.catOptions{width:40px;}
.catOptions .txtDefault{display:block;width:40px;}

/****** sidebar ******/
#sideBar{width:149px;padding: 20px 8px;background:#fff url(http://www.joey-d.co.uk/items4sale/skins/joeyd/styleImages/jd/sidebarBg.png) no-repeat;margin:365px 0 20px 12px;}
#sideBar div {border-bottom: 1px dashed #783f3e;padding: 8px 0 6px;}
#sideBar div.categories{border:0;padding-bottom:0;}
ul.categories{border-bottom: 1px dashed #783f3e;}
#sideBar a{font-size:1.2em;}
/*.basket{background: #fff;width:15em;float:right;margin: 0 20px 0 0;}*/
#sideBar label{font-weight:bold;display:block;padding-bottom:2px;}
#sideBar ol{list-style:none;}
#searchStr{width:75%;}
.search .submit,.addProd .submit{display:inline;font-size:0.9em;padding:2px 2px;margin:0;}
.mailList .submit{width:97%;font-size:1.1em}
#nochex  a{display:block;padding-top:4px;margin-bottom:-10px;}

ul.siteDocs,div.txtCopyright{width:760px;margin:10px auto 10px auto}

ul.siteDocs{margin:-16px auto 6px auto;position:relative;}
ul.siteDocs li{display:inline;padding: 0 5px;}

#shipping {width:60%;margin: 20px auto;}
#shipping th,#shipping td{font-weight:bold;border:1px dashed;background:#fff;}
#shipping td{font-weight:normal;padding: 5px 0;}

/****** info txt  ******/
.infoTxt{width:180px;font-size:0.75em;border: 1px dashed #783f3e;position:absolute;right:15px;bottom:100px; }
.infoTxt *{margin:8px;}
.infoTxt h3{font-size:1.2em}